vue 自定义组件v-model

官网的话:

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

效果:

父组件:




 子组件




如果要想自定义value的名字和事件名,修改一下字组件即可,如:




你可能感兴趣的:(vue.js)