v-model

2018-11-19  本文已影响0人  jrg_tzc

使用自定义事件的表单输入组件
自定义事件可以用来创建自定义的表单输入组件,使用 v-model 来进行数据双向绑定。看看这个:

<input v-model="something">

这不过是以下示例的语法糖:

<input v-bind:value="something" v-on:input="something = $event.target.value">

所以在组件中使用时,它相当于下面的简写:

<custom-input v-bind:value="something" v-on:input="something = arguments[0]"></custom-input>

所以要让组件的 v-model 生效,它必须:

<currency-input v-model="price"></currency-input>

这里相当于

<currency-input v-bind:value="price" v-on:input="price = arguments[0]">
上一篇 下一篇

猜你喜欢

热点阅读