按钮文案和图标

暂无数据

对应按钮的名称加上Text即使按钮的文案,加上Icon即使按钮的图标,如果设置图标为' '则是不使用图标

<template>
  <avue-crud :data="data"
             :option="option"></avue-crud>
</template>
<script>
export default {
  data () {
    return {
      data: [
        {
          name: '张三',
          sex: '男'
        }, {
          name: '李四',
          sex: '女'
        }
      ],
      option: {
        align: 'center',
        menuAlign: 'center',
        menuWidth: 400,
        viewBtn: true,
        menuTitle: '其它',
        addTitle: '保存标题',
        editTitle: '编辑标题',
        viewTitle: '查看标题',
        searchBtnText: '搜索文案',
        emptyBtnText: '清空文案',
        addBtnText: '新增文案',
        addBtnIcon: 'el-icon-user',
        delBtnText: '删除文案',
        delBtnIcon: ' ',
        editBtnIcon: ' ',
        editBtnText: '编辑文案',
        viewBtnText: '查看文案',
        printBtnText: '打印文案',
        excelBtnText: '导出文案',
        updateBtnText: '修改文案',
        saveBtnText: '保存文案',
        cancelBtnText: '取消文案',
        printBtn: true,
        excelBtn: true,
        column: [
          {
            label: '姓名',
            prop: 'name',
            search: true
          }, {
            label: '性别',
            prop: 'sex',
            search: true
          }
        ]
      },
    };
  }
}
</script>
显示代码
Last Updated:
Contributors: smallwei
您正在浏览基于Avue 3.x文档; 点击这里 查看Avue 2.x 的文档