使用Vue.js绑定方法结果到V模型

Question

如何使用Vue.js将方法结果绑定到V模型？

例如：

<someTag v-model="method_name(data_attribute)"></someTag> 

我不能让它出于某种原因。

谢谢。

Answer 1

v-model表达式必须具有get和set函数。对于大多数变量，这是非常简单的，但你也可以使用一个计算的属性来自己定义他们像这样：

data:function(){ 
    return { value: 5 } 
}, 
computed: { 
    doubleValue: { 
     get(){ 
      //this function will determine what is displayed in the input 
      return this.value*2; 
     }, 
     set(newVal){ 
      //this function will run whenever the input changes 
      this.value = newVal/2; 
     } 
    } 
} 

然后你可以使用<input v-model="doubleValue"></input>

如果你只是想在标签中显示的方法结果，请使用<tag>{{method_name(data_attribute)}}</tag>