avue 表格 自定义列(使用插槽)

 设置列的属性slottrue时,在卡槽中用prop作为卡槽的名字即可

<avue-crud :data="data" :option="option" >
  <template slot="name" slot-scope="scope" >
    <el-tag>{
   
   {scope}}</el-tag>
  </template>
</avue-crud>

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

https://www.avuejs.com/crud/crud-column.html#%E8%87%AA%E5%AE%9A%E4%B9%89%E5%88%97

猜你喜欢

转载自blog.csdn.net/xutongbao/article/details/125906908
今日推荐