Asp.net+Vue+EmelentUI的实现(七)权限控制

基于业务的需求，每一个页面会有不同的功能，对不同的功能又需要进行权限管控，那基于Asp.net和Vue要如何实现权限管控呢？比如有增加、删除、修改的功能，需要控制对应的权限，如果这些功能的按钮在没有权限时不渲染出来，那就达到了目的。所以解决权限控制的关键，在前端就是控制是否渲染。基于这样的思考，于是有了这样的思路：

使用vue的v-if来控制渲染，v-if的值由asp.net的后台代码来给定，示例如下：

 <el-button size="mini" 
                               type="primary"
                               v-if="<%=Product_Powers_Delete%>"
                               @click="handleDelete(scope.$index, scope.row)">删除</el-button>

其中Product_Powers_Delete是后台代码类的属性，代码如下：

   /// <summary>
        /// 权限-删除
        /// </summary>
        [PowerCheck]
        public int Product_Powers_Delete { get; set; } = PowerNo;
        #endregion

        protected void Page_Load(object sender, EventArgs e)
        {

        }

其中PowerCheck是自定义的权限标识属性，用于反射计算权限属性时的识别，代码如下

/// <summary&