猿问

关于自定义组件的 v-model中的事件绑定。

vue的事件绑定语法是怎么运行的?

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>

上面是vue官方文档的一段代码
对于其中的v-on:change="$emit('change', $event.target.checked)"这一项理解有点问题,在这里input用v-on监听change事件,当触发change事件后,执行$emit又一次触发change事件,这让不就成一个循环了吗?


紫衣仙女
浏览 982回答 1
1回答
随时随地看视频慕课网APP

相关分类

Vue.js
我要回答