elementui 父组件用子组件的ref方法怎么弄?-灵析社区

无情编码机器

老师们好,我用el-form封装了一个组件, 父组件想调用这个组件的的this.$refs['formRef'].resetFields() 方法, 测试了一些方法都不好用想请老师们给一个思路,谢谢啦。这个环境是用vue2. 下面是封装子组件的代码: {{ o.label }} {{ o.label }} export default { name: 'EForm', // components: { EInput }, props: { formData: { type: Object, required: true, default: () => {} }, formModel: { type: Object, required: true, default: () => {} }, formRules: { type: Object, required: false, default: () => {} } }, data() { return {} }, mounted() { // console.log('this.ref: ', this.$refs) // const entries = Object.entries(this.$refs['formRef']) // for (const [key, value] of entries) { // this[key] = value // } }, methods: { childMethod() { // this.$refs this.$refs['formRef'].resetFields() }, validateFormItem() { this.$refs['formRef'].validate(valid => { this.$emit('validateForm', valid, this._props.formModel) }) } } }

阅读量:206

点赞量:0

问AI
萌蒙萌
你需要在 methods 里面定义一个 resetFields 啊。 不然的话,就是 "this.$refs['formRef'].$refs['formRef'].resetFields" 这种形式。你可以 console 一下看看 或者用 vue 的浏览器插件看就懂了