使用form-create搭建的模板界面,实现数据回显在模板上,如何修改模板中多选框值的默认的数组类型,改为string类型
时间: 2024-02-24 17:59:39 浏览: 88
实现模板函数to_string用来格式化输出stl容器中的内容以及基础类型及自定义类型
默认情况下,form-create 中的多选框组件的值是以数组类型返回的,如果你需要将其改为字符串类型,可以使用 `valueFormat` 属性来进行配置。具体实现方式如下:
1. 在多选框组件中添加 `valueFormat` 属性,例如:
```
{
type: 'checkbox',
field: 'checkboxValues',
title: '多选框',
options: [
{ value: 'apple', label: '苹果' },
{ value: 'banana', label: '香蕉' },
{ value: 'orange', label: '橘子' }
],
// 将多选框的值转换为字符串类型
valueFormat: (val) => {
return Array.isArray(val) ? val.join(',') : val
}
}
```
2. 在获取数据时,将多选框的值转换为字符串类型,例如:
```
let formData = {
// 其他表单项的值
checkboxValues: this.formData.checkboxValues // 多选框的值已经是字符串类型,无需再进行转换
}
```
这样,就可以将多选框的默认值类型从数组类型改为字符串类型了。
阅读全文