Add a custom button to jvxetable

The previous article talked about how to dynamically make some default buttons disappear , This article talks about how to add custom buttons to the toolbar

Check the code and find jvxetoolbar Provide two slots , One is prefix, One is suffix, So you can add your own custom buttons before or after the default buttons .

and prefix The slot name of is toolbarPrefix,suffix The slot name of is toolbarSuffix.

Here's an example ：

<j-vxe-table
          keep-source
          :ref="refKeys[1]"
          :loading="smpOrderMtMainTable.loading"
          :columns="smpOrderMtMainTable.columns"
          :dataSource="smpOrderMtMainTable.dataSource"
          :maxHeight="300"
          :disabled="formDisabled"
          :rowNumber="true"
          :rowSelection="true"
          :toolbar="true">
          <a-popconfirm slot='toolbarSuffix' title=" Are you sure to place an order ?" @confirm="()=>purchaseAssigned()">
            <a-button> The order has been placed and will be returned </a-button>
          </a-popconfirm>
        </j-vxe-table>