清除el-form表单内容
# 清除el-form表单内容
如果要是有el-table
的清空表单方法的话需要给el-form-item
添加prop
属性,且属性名必须与form
绑定的对象中的属性名一致。
<el-form
ref="searchForm"
:model="searchForm"
label-width="80px"
inline
size="small"
>
<el-form-item
label="渠道"
prop="channel" <!-- 需与v-model绑定的属性名一致 -->
>
<el-select
v-model="searchForm.channel" <!-- 与prop属性名一致 -->
multiple
placeholder="请选择"
>
<el-option
v-for="item in channelArray"
:key="item.value"
:label="item.name"
:value="item.value"
/>
</el-select>
</el-form-item>
</el-form>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
配置好后,使用resetFields
方法就可以实现清空表单了。
// 重置按钮
handleReset() {
this.$refs["searchForm"].resetFields(); //清除表单数据
},
1
2
3
4
2
3
4
在GitHub上编辑 (opens new window)
上次更新: 4/11/2022, 3:09:54 PM