elment自定义表单组件验证问题 eccascarder

本文主要是介绍elment自定义表单组件验证问题 eccascarder，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

//父级组件开始 

<el-form-item label="分院" prop="branch" ref="inputValueRef"> //ref 重点

            <ca-scader

              v-model="addDepositForm.branch"

              @setData="setData"

            ></ca-scader>

          </el-form-item>

 methods: {

    setData(v) {

      // 添加blur事件回调，为了emit这个'el.form.blur'事件！

      this.addDepositForm.branch = v;

      this.$refs.inputValueRef.$emit("el.form.blur", v); // 重点！

    },

}

//父组件介绍

子组件

<el-cascader :props="props" @change="handleChange" clearable></el-cascader>

 methods: {

    handleChange(val) {

      this.$emit("setData", val);

    },

  },

这篇关于elment自定义表单组件验证问题 eccascarder的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---