calamus
calamus
冬天从这里夺去的,春天会交还与你。

 

参考资料:vue官网
在vue 中使用v-model双向绑定


<input v-model="something">

其实是语法糖


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

自定义组件使用v-model

//父组件中调用
<child v-model="msg" />
//子组件代码

<template>
  <div>
    <slot />
  </div>
</template>

<script>
export default {
  name:'child',
  componentName:'child',
  data(){
    return {
      childVal:null
    }
  },
//vue中v-model默认绑定的是input事件,value参数,如果需要其他自定义的事件和数据名作为绑定,需要设置model
  model: {
    prop: 'value',
    event: 'change'
  },
  props: {
    value: {}
  },
  created(){
    this.$emit('change', this.value);
  },
}

</script>

 

本文首发于Calamus的博客

本文版权归作者和博客园共有,欢迎转载,但未经作者 (梁素娅) 同意必须保留此段声明,且在文章页面明显位置给出  原文链接

侍奉无上至尊的傻子们欢迎大家加入我的群一起玩耍:575180837

posted on 2019-04-17 14:52  calamus  阅读(211)  评论(0编辑  收藏  举报