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

vue 自定义组件使用v-model

时间:2018-01-26 12:35:48      阅读:115      评论:0      收藏:0      [点我收藏+]

标签:http   value   一个   ref   tps   color   .com   style   body   

<input v-model="something">

 v-model指令其实是下面的语法糖包装而成:

<input
  :value="something"
  @:input="something = $event.target.value">

在一个组件上使用 v-model 时,会简化为:

<custom-input
  :value="something"
  @input="value => { something = value }">
</custom-input>

因此,对于一个带有 v-model 的组件,它应该如下:

  • 接收一个 value prop
  • 触发 input 事件,并传入新值

利用 $emit 触发 input 事件:

this.$emit(‘input‘, value);

转自https://www.cnblogs.com/bldf/p/6645225.html

vue 自定义组件使用v-model

标签:http   value   一个   ref   tps   color   .com   style   body   

原文地址:https://www.cnblogs.com/szatpig/p/8358761.html

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