按钮的loading如何加入触发事件，只能使用loading：true，怎么在点击时进行使用，只能在arrt中进行设置吗

let urlButton: OptButton[] = [
    {
        // 渲染方式:tipButton=带tip的按钮,confirmButton=带确认框的按钮,moveButton=移动按钮
        render: 'userButton',
        // 按钮名称
        name: 'info',
        // 鼠标放置时的 title 提示
        title: '开始',
        // 直接在按钮内显示的文字，title 有值时可为空
        text: '开始',
        // 按钮类型，请参考 element plus 的按钮类型
        type: 'primary',
        // 按钮 icon
        icon: '',
        class: 'table-row-info',
        // tipButton 禁用 tip
        disabledTip: false,
        // 自定义点击事件
        click: (row: TableRow, field: TableColumn) => {
            startTask(row)
        },
        // 按钮是否显示，请返回布尔值
        display: (row: TableRow, field: TableColumn) => {
            return true
        },
        // 按钮是否禁用，请返回布尔值
        disabled: (row: TableRow, field: TableColumn) => {
            return false
        },
        // 自定义el-button属性
        attr: {
            loading:false
        }
    },
]
// 自定义一个新的按钮
let noteButton: OptButton[] = [
    {
        // 渲染方式:tipButton=带tip的按钮,confirmButton=带确认框的按钮,moveButton=移动按钮
        render: 'userButton',
        // 按钮名称
        name: 'info',
        // 鼠标放置时的 title 提示
        title: '配额',
        // 直接在按钮内显示的文字，title 有值时可为空
        text: '配额',
        // 按钮类型，请参考 element plus 的按钮类型
        type: 'success',
        // 按钮 icon
        icon: '',
        class: 'table-row-info',
        // tipButton 禁用 tip
        disabledTip: false,
        // 自定义点击事件
        click: (row: TableRow, field: TableColumn) => {
            showGuideDialog(row.note)
        },
        // 按钮是否显示，请返回布尔值
        display: (row: TableRow, field: TableColumn) => {
            return true
        },
        // 按钮是否禁用，请返回布尔值
        disabled: (row: TableRow, field: TableColumn) => {
            return false
        },
        // 自定义el-button属性
        attr: {
            
        }
    },
]
// 新按钮合入到默认的按钮数组
optBtn = urlButton.concat(optBtn)
optBtn = noteButton.concat(optBtn)
fileBtn = downloadButton.concat(fileBtn)
/**
 * baTable 内包含了表格的所有数据且数据具备响应性，然后通过 provide 注入给了后代组件
 */
const baTable = new baTableClass(
    new baTableApi('/api/survey/'),
    {
        pk: 'id',
        column: [

            { label: t('user.survey.survey.plate'), prop: 'plate', align: 'center', render: 'tag', operator: 'eq', sortable: false, replaceValue: { '0': "ALL", '1': "Desktop", '3': "Phone", '4': "Tablet" } },
            { label: t('user.survey.survey.create_time'), prop: 'create_time', align: 'center', render: 'datetime', operator: 'RANGE', sortable: 'custom', width: 160, timeFormat: 'yyyy-mm-dd hh:MM:ss' },
            {
                label: '操作',
                align: 'center',
                width: 180,
                render: 'buttons',
                // 表格列，渲染为 buttons，按钮数据为上面组装好的 optBtn
                buttons: optBtn,
                operator: false,
            },
        ],
        dblClickNotEditColumn: [undefined],
    },
    {
        defaultItems: { plate: '0', status: '0' },
    }
)