码迷,mamicode.com
首页 > 其他好文 > 详细

自定义组件的 v-model

时间:2018-06-11 11:59:55      阅读:132      评论:0      收藏:0      [点我收藏+]

标签:自定义组件   bool   bin   一个   定义   change   boolean   template   checkbox   

Vue.component(base-checkbox, {
  model: {
    prop: checked,
    event: change
  },
  props: {
    checked: Boolean
  },
  template: `
    <input
      type="checkbox"
      v-bind:checked="checked"
      v-on:change="$emit(‘change‘, $event.target.checked)"
    >
  `
})

<base-checkbox v-model="lovingVue"></base-checkbox>

这里的 lovingVue 的值将会传入这个名为 checked 的 prop。同时当 <base-checkbox>触发一个 change 事件并附带一个新的值的时候,这个 lovingVue 的属性将会被更新。

注意你仍然需要在组件的 props 选项里声明 checked 这个 prop。 model是用来在v-model里去修改绑定的事件的。默认会绑定一个value属性。

自定义组件的 v-model

标签:自定义组件   bool   bin   一个   定义   change   boolean   template   checkbox   

原文地址:https://www.cnblogs.com/l8l8/p/9166235.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!