Object对象形式

... 2023-4-26 Less than 1 minute

# Object对象形式

Tips

2.10.12+

Tips

之前的版本option中column是数组的格式,2.10.12+后支持对象格式,操作更加方便

option中的column可以配置成对象形式,用prop作为key

<avue-form :option="option" v-model="form" ></avue-form>

<script>
export default {
  data () {
    return {
      form: {
        name: '姓名',
        sex: 14
      },
      option: {
        labelWidth: 120,
        column: {
          name: {
            label: '姓名',
          },
          sex: {
            label: '年龄',
          }
        }
      }
    }
  },
  created () {
    this.option.column.name.label += '(name)';
  }
}
</script>

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
26
27
28
29
Expand Copy
Last update: April 26, 2023 15:09
Contributors: smallwei
您正在浏览基于 Vue 2.x 的 Avue 文档; 点击这里 查看 Vue 3.x 的升级版本