前端那些事20240201-前端那些事-avue2 自定义查看按钮

<avue-crud :data="data" :option="option" ref="crud">
  <template slot-scope="{row,index}" slot="menu">
    <el-button type="success"
        icon="el-icon-delete"
        size="small"
        @click="$refs.crud.rowView(row,index)">查看</el-button>
  </template>
</avue-crud>

<script>
export default {
    data() {
      return {
        data: [
          {
            name:'张三',
            sex:'男'
          }, {
            name:'李四',
            sex:'女'
          }
        ],
        option:{
          delBtn:false,
          editBtn:false,
          column:[
             {
              label:'姓名',
              prop:'name'
            }, {
              label:'性别',
              prop:'sex'
            }
          ]
        },
      };
    }
}
</script>

运行结果