vue.js - 如何使用 v-model 代替 v-bind?

标签 vue.js

这是一个有效的自定义组件: 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/

相关文章:

vue.js - 当外部库添加未定义属性时,Vue 不检测更改

vue.js - Vue中如何处理错误

javascript - Vuejs : is using "props" a secure way to pass data between components?

javascript - Vue.js + axios = 数据未更新

javascript - 如何将 JQuery AJAX 函数转换为 vue.js

laravel - 结合 Laravel 和 Vuejs 时更喜欢使用什么模式

vue.js - 将 Vue 部署到 GitHub 页面。 vue-router 出错

vue.js - 如何在 bootstrap-vue 中为 b-form-checkbox-group 设置所需的验证?

javascript - 虚拟化;获取 v-select 字段的根元素

javascript - 在 Laravel 中更改 .vue 文件会自动更改不相关的 CSS