码迷,mamicode.com
首页 > 其他好文 > 详细

模块展示权限控制

时间:2019-03-12 15:29:45      阅读:165      评论:0      收藏:0      [点我收藏+]

标签:stat   str   模块   this   ons   控制   ==   sel   增加   

/**
 * 组件增加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里

模块展示权限控制

标签:stat   str   模块   this   ons   控制   ==   sel   增加   

原文地址:https://www.cnblogs.com/natsu07/p/10516880.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!