Object对象用法

提示

3.2.15+

提示

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

效果预览可直接操作下方示例

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

正在加载示例…

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

<script setup>
import { ref, onMounted } from 'vue';

const form = ref({
  name: '姓名',
  sex: 14
});

const option = ref({
  labelWidth: 120,
  column: {
    name: {
      label: '姓名',
    },
    sex: {
      label: '年龄',
    }
  }
});

onMounted(() => {
  option.value.column.name.label += '(name)';
});
</script>