VUE-在组件上使用 v-model

自定义事件也可以用于创建支持 v-model 的自定义输入组件。记住:

等价于:

当用在组件上时,v-model 则会这样:

为了让它正常工作,这个组件内的 必须:

将其 value attribute 绑定到一个名叫 value 的 prop 上
在其 input 事件被触发时,将新的值通过自定义的 input 事件抛出

写成代码之后是这样的:

Vue.component('custom-input', {
  props: ['value'],
  template: `
    
  `
})

现在 v-model 就应该可以在这个组件上完美地工作起来了:

https://cn.vuejs.org/v2/guide...

你可能感兴趣的:(VUE-在组件上使用 v-model)