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

2024-10-19 14:43:23

前提：题主之前只是随意的封装，项目统一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>
原因系解：等作者补坑

最新文章

热门文章