Crud 模块

面板

设置expand为true时即可，solt卡槽的名称为expand时即可，props为返回需要的数据，里面包括了当前行的相关数据,必须配置idKey属性为你行数据的主键，不能重复,defaultExpandAll属性默认展开全部,expandRowKeys为展开指定idKey主键的数组，同时你也可以调用toggleRowExpansion方法传入你要展开的row

<avue-crud :data="data" :option="option">
  <template slot-scope="props" slot="expand">
    <el-tag>当前行的{{props}}</el-tag>
  </template>
</avue-crud>
<script>
export default {
    data() {
      return {
        data: [{
          id: 1,
          name: '张三',
          sex: 12,
        }, {
          id: 2,
          name: '李四',
          sex: 20,
        }],
        option:{
          expand:true,
          page:false,
          expandRowKeys:[1],
          idKey:'id',
          align:'center',
          menuAlign:'center',
          column:[
             {
              label:'姓名',
              prop:'name'
            }, {
              label:'性别',
              prop:'sex'
            }
          ]
        },
      };
    },
    methods: {
      expandChange(row, expendList) {
        this.$message.success('展开回调')
      }
    }
}
</script>

Attributes

Events