表单默认值

配置方法

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

配置value为字段默认值

正在加载示例…

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

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

const form = ref({});

const option = ref({
  column: [
    {
      label: '姓名',
      prop: 'name',
      value: 'small'
    }
  ]
});
</script>

赋值方法

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

利用v-model绑定的对象直接操作即可

正在加载示例…

<template>
  <el-button @click="changeText"
             type="success">改变值</el-button>
  <br /><br />
  <avue-form :option="option"
             v-model="form"></avue-form>
</template>

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

const form = ref({
  name: 'small'
});

const option = ref({
  column: [
    {
      label: '姓名',
      prop: 'name'
    }
  ]
});

const changeText = () => {
  form.value.name = "我改变了";
};
</script>