vue model属性


1、https://cn.vuejs.org/v2/api/#model

允许一个自定义组件在使用 v-model 时定制 prop 和 event。默认情况下,一个组件上的 v-model 会把 value 用作 prop 且把 input 用作 event,但是一些输入类型比如单选框和复选框按钮可能想使用 value prop 来达到不同的目的。使用 model 选项可以回避这些情况产生的冲突。

2、示例

Vue.component('my-checkbox', { model: { prop: 'checked', event: 'change' }, props: { // this allows using the `value` prop for a different purpose
 value: String, // use `checked` as the prop which take the place of `value`
 checked: { type: Number, default: 0 } }, // ...
})
<my-checkbox v-model="foo" value="some value"></my-checkbox>

相当于:

<my-checkbox :checked="foo" @change="val => { foo = val }" value="some value">
</my-checkbox>

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM