在input标签中用v-model绑定了一个input的内容到val,然后在vuejs的构建中,用computed计算val的值,结果发现,用了computed之后,val的双向绑定就没了,如图所示,在输入框中输入值,右边的值不会发生改变,想请教下这种是什么情况。
求教如何能做到input的值可以用computed计算(因为该值我要动态依赖vue对象中的其他属性),然后当在input中输入时,input绑定的属性也动态改变? 示例代码如下,谢谢。
<div id="app">
<input type="text" v-model="val" />
<span>{{val}}</span>
</div>
<script type="text/javascript">
var vm = new Vue({
el : "#app",
computed : {
"val" : function() {
return "123";
}
}
});
console.log(vm.val);
vm.$val = "11111";
</script>
双向绑定应该是可以的,只需要在computed中的某个属性中写get和set方法即可。