表格权限控制

控制封装中的按钮权限

TIP

1.0.6+

普通用法

权限开关
<el-switch :active-value="false" :inactive-value="true" v-model="text" active-color="#13ce66" inactive-color="#ff4949">
</el-switch>
<avue-crud :option="option" :permission="permission" :data="data"></avue-crud>
<script>
export default {
 data() {
      return {
        text: false,
        permission: {},
        option: {
          column: [{
            label: '姓名',
            prop: 'name'
          }, {
            label: '年龄',
            prop: 'sex'
          }]
        },
        data: [{
          id: 1,
          name: '张三',
          sex: 12,
        }, {
          id: 2,
          name: '李四',
          sex: 20,
        }]
      }
    },
    watch: {
      text() {
        if (this.text === true) {
          this.permission = {
            delBtn: false,
            addBtn: false,
          }
        } else {
          this.permission = {
            delBtn: true,
            addBtn: true,
          }
        }
      }
    },
    methods: {
      expandChange(row, expendList) {
        this.$message.success('展开回调')
      },
    }
}
</script>

Permission Attributes