form-create如何执行组件方法
时间: 2023-09-10 10:06:44 浏览: 129
使用form-create动态生成vue自定义组件和嵌套表单组件
5星 · 资源好评率100%
在 form-create 中,可以通过 $handle 对象来访问组件的方法。具体来说,可以在组件的 props 选项中添加 $handle 属性,该属性指向一个对象,该对象包含组件的方法。然后在表单中使用该组件时,就可以通过 $handle 对象来调用组件的方法。
例如,在使用 el-input 组件时,可以这样定义 props:
```javascript
{
type: 'input',
field: 'username',
title: '用户名',
props: {
$handle: {
clear: function() {
this.$refs.input.clear();
}
}
}
}
```
在上述代码中,我们为 el-input 组件添加了一个 $handle 属性,其中包含一个 clear 方法。该方法通过 this.$refs.input 来获取 el-input 组件的引用,并调用其 clear 方法来清空输入框的值。
然后在表单中使用该组件时,就可以通过 $handle.clear() 来调用该方法:
```javascript
this.$refs.formRef.$handle.username.clear();
```
需要注意的是,$handle 对象只有在组件的 props 选项中定义了 $handle 属性时才存在。因此,在使用 $handle 对象之前,需要先检查该对象是否存在。
阅读全文