前端那些事20240201-前端那些事-avue2 操作栏配置操作栏样式

最新推荐文章于 2024-09-10 14:15:01 发布

前端歌谣

最新推荐文章于 2024-09-10 14:15:01 发布

阅读量360

点赞数 8

文章标签：前端

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

版权

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

312 篇文章 1 订阅

订阅专栏

本文介绍了如何在Vue应用中使用<avue-crud>组件进行数据管理，包括数据列表展示和基本增删改查操作，以及配置选项如菜单样式和列定义。

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

<avue-crud :data="data":option="option1"></avue-crud>
<script>
export default {
  data () {
    return {
      data: [
        {
          name: '张三',
          sex: '男'
        }, {
          name: '李四',
          sex: '女'
        }
      ],
      option1: {
        menuClassName: 'menuClassName',
        menuLabelClassName: 'menuLabelClassName',
        column: [
          {
            label: '姓名',
            prop: 'name'
          }, {
            label: '性别',
            prop: 'sex'
          }
        ]
      },
    };
  }
}
</script>