vue2.0 v-model二次封装element el-input

v-model二次封装element

父组件


子组件


注意:

  • model父组件v-mode传入的数据
    • prop :对应prop的modelValue
    • event:修改v-model的事件
  • 为什么不直接 v-model 绑定 modelValue
    • 因为el-input修改同时会修改modelValue然后vue的prop数据是不允许被子组件修改的
    • 因此需要对应的event修改
    • 为了显示数据inValue单向绑定,set调用returnModel,get获取v-model值
  • $listeners:同步 父容器内子组件使用的所有事件对象(注册的点击事件,可以直接相应到子组件的div上)
  • $attrs:同步 父容器内子组件使用的所有属性对象(注册的属性值)


本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部