Vuejs入力の計算されたプロパティの値を設定しようとしています

Question

私は、v-modelメソッドを使用してVueJsにバインドされたフィールドを持つフォームを持っています。ユーザーがドロップダウンからアイテムを選択すると、フィールドに$httpというレスポンスが設定されます。

HTML：

<form id="vApp"> 
    <input type="number" v-model="hourlyRate"> 
</form> 

はJavaScript：

var thing = new Vue({ 
    el: '#vApp', 
    data: { 
     response: {} 
    }, 
    computed: { 
     hourlyRate: function(){ 
      return this.response.length > 0 ? 0 : this.response.hourlyRate;      
     } 
    }, 
    methods: { 
     getHourlyRate: function(){ 
      this.$http.post('someUrl', {iWant: 'hourlyRate'}, 
        function(response){ 
         this$set('response', response); 
        } 
     } 
    } 
}); 

したがって、ユーザーは自分のドロップダウンに基づいて入力するための「缶詰」オプションを取得しますが、私はまた、値を入力することができるそれらをしたいですその値はオブジェクトのhourlyRate値になります。

Answer 1

このような計算されたプロパティは変更できません。

var thing = new Vue({ 
    el: '#vApp', 
    data: { 
     hourlyRate: 0 
    }, 
    methods: { 
     getHourlyRate: function(){ 
      this.$http.post('someUrl', {iWant: 'hourlyRate'}, 
        function(response){ 
         this.hourlyRate = response.length > 0 ? 0 : response.hourlyRate; 
        } 
     } 
    } 
});