vue的类element的input类型组件封装


前提:题主之前只是随意的封装,项目统一ui,然后只实现了父组件拿子组件值,没有实现父组件修改子组件的值,仔细看了文档才知道用model的作用,直接上代码

Vue.component("base-input", {
  model: {
    prop: "val",
    event: "input"
  },
  props: {
    val: [String, Number]
  },
  template: `
    <input
      type="text"
      v-bind:value="val"
      @input="$emit('input', $event.target.value)"
    >
  `
});
父组件使用
<base-input v-model=""></base-input>
原因系解:等作者补坑

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM