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>
原因系解:等作者补坑

 

posted @ 2019-07-18 17:14  虎太郎的小肚腩  阅读(3095)  评论(0编辑  收藏  举报