使用v-model 封装自己的输入框组件

v-model 封装自己的输入框

<MdInput v-model="value"></MdInput>
  data() {
    return {
      value: "",
    };
  },

MdInput组件

<input type="text" :value="value" @input="updateVal" />
  props: {
    value: {
      type: String,
      default: "",
    },
  },
  methods: {
    updateVal(e) {
      this.$emit("input", e.target.value);
    },
  }