Avue中如何做到点击按钮显示出不一样的表单呢

在 Avue 中实现点击按钮显示不同表单的功能，可以通过动态绑定 `Avue` 组件的 `config` 属性来实现。

具体来说，可以定义多个表单配置对象，分别对应不同的表单内容；然后在按钮的点击事件中，根据不同的条件切换 `config` 属性的值，从而实现显示不同的表单。

以下是一个示例代码：

<template>
  <div>
    <button @click="showForm('form1')">显示表单1</button>
    <button @click="showForm('form2')">显示表单2</button>
    <avue :config="formConfig"></avue>
  </div>
</template>

<script>
export default {
  data() {
    return {
      formConfig: {
        // 默认表单配置
        title: '默认表单',
        fields: [
          {
            type: 'input',
            label: '输入框',
            key: 'input',
          },
        ],
      },
    };
  },
  methods: {
    showForm(type) {
      // 根据不同的条件切换表单配置
      if (type === 'form1') {
        this.formConfig = {
          title: '表单1',
          fields: [
            {
              type: 'input',
              label: '输入框1',
              key: 'input1',
            },
            {
              type: 'input',
              label: '输入框2',
              key: 'input2',
            },
          ],
        };
      } else if (type === 'form2') {
        this.formConfig = {
          title: '表单2',
          fields: [
            {
              type: 'input',
              label: '输入框3',
              key: 'input3',
            },
          ],
        };
      }
    },
  },
};
</script>

在上面的代码中，通过定义不同的 `formConfig` 对象，分别对应不同的表单配置，然后在 `showForm` 方法中根据不同的条件切换 `formConfig` 的值，从而实现显示不同的表单。