模块展示权限控制

Posted 2021-02-12 natsu07

/**
 * 组件增加belongTo属性后会获取归属模块状态码 0正常 1不显示
 *
 */
Vue.mixin({
    beforeCreate(){
        let opt = this.$options,attrs=this.$attrs,module=opt.belongTo || attrs.belongTo;
        opt.computed= opt.computed ||{};

        if(module){
             opt.computed.modules=mapState({modules:state => state.restriction.modules}).modules;
             opt.computed.module=()=>{ return module};
             opt.computed.moduleStateCode=()=>{ return this.modules[this.module] || 0};
             let originalRender=opt.render;
             opt.render=function () {
                    let  _vm = this;
                    let _h = _vm.$createElement;
                    let _c = _vm._self._c || _h;
                    return _vm.moduleStateCode == 1 ?  _vm._e() : originalRender.apply(this,[].slice.call(arguments));
             }
        }
    },
    mounted(){
        let module=this.$options.belongTo || this.$attrs.belongTo;
        if(module){
           this.$watch("moduleStateCode",(val)=>{})
        }
    }
});

组件增加自定义属性：belongTo 在组件选项里或添加在$attr里