主页 > 图片 > 自定义组件v-model:一个组件上的 v-model 默许会应

自定义组件v-model:一个组件上的 v-model 默许会应

2020-04-08 03:07:56 作者:admin   |   浏览(123)

  默许状况下:

  自定义组件的v-model一致于v-bind:value="。。"加上v-on:input=“。。”,

  在这里拔出图片刻画

  然则关于checkbox表单这明显是不公道的:因为checkbox绑定的是checked属性和change工作,所以 我们必须在prop设置的model属性可以修改绑定属性的名字和工作名:

  在这里拔出图片刻画

  固然 props必须再传一下checked 否则子组件外部没法获得到checked的值;

  最后我们可以自己在自组件的input 加上我们想要的name,value值了;

  在这里拔出图片刻画

  终究目标就是规避v-model的默许value属性传到我们子组件input标签后跟input的value发生抵触;

  例外留心:子组件的input 不要用v-model=“checked”绑定checked的值,要用v-bind:checked=“checked” 前者是静态绑定,一旦我们勾选checkbox就会出现不能掩饰overwritten的报错信息;子组件的绑定是单项的,不能直接修改的,可以用自定义工作$emit修改

  在这里拔出图片刻画

上一篇:第1074章 谁才是废物

下一篇:没有了