滑块权限按钮配置

滑块组件

<Hidden
      :buttons="arr.listbtn"
      :parameter="{id:arr.id,state:arr.state}"
      :page="'courseman'"
></Hidden>

按钮分类方法

  // 按钮分类
    anniufenlei(hasPermission) {
      if (hasPermission.length > 0) {
        var listbtn = [];
        var topbtn = [];
        hasPermission.forEach(v => {
          if (v.button_position == "list") {
            listbtn.push(v);
          }
          if (v.button_position == "top") {
            topbtn.push(v);
          }
        });
        this.listbtn = listbtn;
      }
    },

列表数据处理

 this.num = res.data;
 this.num.forEach((v, i) => {
     v.listbtn = JSON.parse(JSON.stringify(this.listbtn));
     v.listbtn.forEach(m => {
     m.state = v.state;
        });
 });

.listcon {
  width: 100%;
  position: absolute;
}