这是一个有效的自定义组件: jsFiddle
<myselect :option="cnt" ></myselect>
以上代码有效,现在如何将其更改为v-model?以下代码将不起作用:
<myselect v-model="cnt"></myselect>
在这种情况下如何使用 v-model?谢谢。
最佳答案
来自documentation :
<input v-model="something">
只是语法糖:
<input :value="something" @input="something = $event.target.value">
在您的 fiddle 中,您仍然在引用一个 option
属性,但该组件不再有一个。您需要引用 value
属性来获取 cnt
的初始值,然后发出一个 input
事件来更新 cnt
var 被用作模型。 https://jsfiddle.net/4yavj0en/2/
关于vue.js - 如何使用 v-model 代替 v-bind?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42900642/