vform3-builds 自定义按钮

您可以通过以下步骤自定义 vform3-builds 中的按钮：

1. 打开您的 Vue.js 组件文件，并导入 vform3-builds 组件。

import VFormBuilder from 'vform3-builds';

2. 在 Vue.js 组件的 template 中使用 vform3-builds 组件，并添加一个自定义按钮。

<template>
  <div>
    <VFormBuilder :schema="schema" :data="data" :buttons="buttons" />
  </div>
</template>

<script>
export default {
  data() {
    return {
      schema: {...},
      data: {...},
      buttons: [
        'save',
        {
          label: 'Custom Button',
          icon: 'mdi-plus',
          action: () => {
            console.log('Custom Button Clicked');
          },
        },
        'cancel',
      ],
    };
  },
};
</script>

3. 在 buttons 数组中添加一个对象，该对象应包含以下属性：

- label: 按钮显示的文本
- icon: 按钮显示的图标
- action: 按钮点击时触发的函数

在上面的示例中，我们添加了一个名为 "Custom Button" 的自定义按钮，并在点击时打印一条消息到控制台。

希望这可以帮助您自定义 vform3-builds 中的按钮。