前端那些事20240201-前端那些事-avue2 表格列配置项-自定义索引

前端歌谣

于 2024-03-18 12:19:16 发布

阅读量369

点赞数 10

文章标签：前端状态模式

本文链接：https://blog.csdn.net/qq_41632427/article/details/135975902

版权

2024-vue2vue3-前端那些事专栏收录该内容

312 篇文章 1 订阅

订阅专栏

本文介绍了如何在Vue应用中使用`avue-crud`组件展示数据列表，包括数据结构定义、列配置和模板渲染，展示了如何实现基本的增删改查功能。

摘要由CSDN通过智能技术生成

<avue-crud :data="data" :option="option" >
  <template slot="index" slot-scope="{row,index}">
    <el-tag>{{index+1}}</el-tag>
  </template>
</avue-crud>

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