avue中gridBtn

Avue UI是一个基于Vue.js构建的企业级前端框架，它提供了一系列组件，其中包括gridBtn。`gridBtn`可能是Avue Grid布局组件中的一个小按钮，用于栅格系统中作为单元格的一部分。Grid布局是一种响应式的网格系统，可以轻松创建复杂的表格或网格结构，使得内容在不同屏幕尺寸下自动调整布局。

`gridBtn`通常配置简单，可以直接添加到`<av-grid>`组件的列定义中，设置列宽、按钮样式等属性。使用时，开发者可能会设置其点击事件处理函数，以便对用户操作做出响应。

例如：

<template>
  <av-grid :columns="columns" @cellClick="handleCellClick">
    <template #default="{ row, cell }">
      <button v-if="isGridBtn(row, cell)" @click="handleBtnClick(cell)">{{ cell.text }}</button>
    </template>
  </av-grid>
</template>

<script>
export default {
  data() {
    return {
      columns: [
        { field: 'text', title: 'Text', isGridBtn: this.isButtonColumn },
      ],
    };
  },
  methods: {
    handleCellClick(row, cell) {
      // 处理单元格点击事件
    },
    handleBtnClick(cell) {
      // 处理按钮点击事件
    },
    isButtonColumn({ column }) {
      // 判断是否为需要添加gridBtn的列
    },
  },
};
</script>