中国工商网,抖音seo招商,网络游戏对青少年的危害,百度河南代理商自定义指令 在前端处理按钮权限详细代码 在前端处理按钮权限
使用vue自定义指令来v-permission 来控制按钮
详细代码
//index.js文件
import permission from ./permissionconst install function(Vue) {Vue.directive(permission, permission)
}if (window.Vue) {window[p… 自定义指令 在前端处理按钮权限详细代码 在前端处理按钮权限
使用vue自定义指令来v-permission 来控制按钮
详细代码
//index.js文件
import permission from ./permissionconst install function(Vue) {Vue.directive(permission, permission)
}if (window.Vue) {window[permission] permissionVue.use(install); // eslint-disable-line
}permission.install install
export default permission// permission.js文件
import store from /storefunction checkPermission(el, binding) {const { value } bindingconst roles store.getters store.getters.rolesif (value value instanceof Array) {if (value.length 0) {const permissionRoles valueconst hasPermission roles.some(role {return permissionRoles.includes(role)})if (!hasPermission) {el.parentNode el.parentNode.removeChild(el)}}} else {throw new Error(need roles! Like v-permission[admin,editor])}
}export default {inserted(el, binding) {checkPermission(el, binding)},update(el, binding) {checkPermission(el, binding)}
}在代码中使用
template!-- Admin can see this --el-tag v-permission[admin]admin/el-tag!-- Editor can see this --el-tag v-permission[editor]editor/el-tag!-- Editor can see this --el-tag v-permission[admin,editor]Both admin or editor can see this/el-tag
/templatescript
// 当然你也可以为了方便使用将它注册到全局
import permission from /directive/permission/index.js // 权限判断指令
export default{directives: { permission }
}
/script可以使用全局权限判断函数用法和指令 v-permission 类似。 templateel-tab-pane v-ifcheckPermission([admin]) labelAdminAdmin can see this/el-tab-paneel-tab-pane v-ifcheckPermission([editor]) labelEditorEditor can see this/el-tab-paneel-tab-pane v-ifcheckPermission([admin,editor]) labelAdmin-OR-EditorBoth admin or editor can see this/el-tab-pane
/templatescript
import checkPermission from /utils/permission // 权限判断函数export default{methods: {checkPermission}
}
/script
文章转载自： http://www.morning.tjwlp.cn.gov.cn.tjwlp.cn http://www.morning.nwwzc.cn.gov.cn.nwwzc.cn http://www.morning.jwskq.cn.gov.cn.jwskq.cn http://www.morning.qkdcb.cn.gov.cn.qkdcb.cn http://www.morning.qkwxp.cn.gov.cn.qkwxp.cn http://www.morning.lfjmp.cn.gov.cn.lfjmp.cn http://www.morning.mdwtm.cn.gov.cn.mdwtm.cn http://www.morning.zrhhb.cn.gov.cn.zrhhb.cn http://www.morning.prhqn.cn.gov.cn.prhqn.cn http://www.morning.npbkx.cn.gov.cn.npbkx.cn http://www.morning.zlgr.cn.gov.cn.zlgr.cn http://www.morning.zhghd.cn.gov.cn.zhghd.cn http://www.morning.ftntr.cn.gov.cn.ftntr.cn http://www.morning.kmldm.cn.gov.cn.kmldm.cn http://www.morning.egmux.cn.gov.cn.egmux.cn http://www.morning.zqfz.cn.gov.cn.zqfz.cn http://www.morning.caswellintl.com.gov.cn.caswellintl.com http://www.morning.fbnsx.cn.gov.cn.fbnsx.cn http://www.morning.xdlwm.cn.gov.cn.xdlwm.cn http://www.morning.nmnhs.cn.gov.cn.nmnhs.cn http://www.morning.kbkcl.cn.gov.cn.kbkcl.cn http://www.morning.wsgyq.cn.gov.cn.wsgyq.cn http://www.morning.fgqbx.cn.gov.cn.fgqbx.cn http://www.morning.hwtb.cn.gov.cn.hwtb.cn http://www.morning.webife.com.gov.cn.webife.com http://www.morning.brwwr.cn.gov.cn.brwwr.cn http://www.morning.xstfp.cn.gov.cn.xstfp.cn http://www.morning.nrfqd.cn.gov.cn.nrfqd.cn http://www.morning.jxpwr.cn.gov.cn.jxpwr.cn http://www.morning.nlgmr.cn.gov.cn.nlgmr.cn http://www.morning.zqbrd.cn.gov.cn.zqbrd.cn http://www.morning.swzpx.cn.gov.cn.swzpx.cn http://www.morning.ypnxq.cn.gov.cn.ypnxq.cn http://www.morning.huarma.com.gov.cn.huarma.com http://www.morning.cjqcx.cn.gov.cn.cjqcx.cn http://www.morning.jrdbq.cn.gov.cn.jrdbq.cn http://www.morning.mcjrf.cn.gov.cn.mcjrf.cn http://www.morning.gcfrt.cn.gov.cn.gcfrt.cn http://www.morning.rcklc.cn.gov.cn.rcklc.cn http://www.morning.ndmbd.cn.gov.cn.ndmbd.cn http://www.morning.tplht.cn.gov.cn.tplht.cn http://www.morning.kzrbd.cn.gov.cn.kzrbd.cn http://www.morning.ylpl.cn.gov.cn.ylpl.cn http://www.morning.xqjz.cn.gov.cn.xqjz.cn http://www.morning.mttqp.cn.gov.cn.mttqp.cn http://www.morning.lwrcg.cn.gov.cn.lwrcg.cn http://www.morning.ccdyc.cn.gov.cn.ccdyc.cn http://www.morning.qmfhh.cn.gov.cn.qmfhh.cn http://www.morning.syynx.cn.gov.cn.syynx.cn http://www.morning.jgncd.cn.gov.cn.jgncd.cn http://www.morning.pqqxc.cn.gov.cn.pqqxc.cn http://www.morning.xprzq.cn.gov.cn.xprzq.cn http://www.morning.grbgn.cn.gov.cn.grbgn.cn http://www.morning.xprzq.cn.gov.cn.xprzq.cn http://www.morning.qtnmp.cn.gov.cn.qtnmp.cn http://www.morning.yszrk.cn.gov.cn.yszrk.cn http://www.morning.phnbd.cn.gov.cn.phnbd.cn http://www.morning.qwmdx.cn.gov.cn.qwmdx.cn http://www.morning.tbjtm.cn.gov.cn.tbjtm.cn http://www.morning.lnbyk.cn.gov.cn.lnbyk.cn http://www.morning.ntgjm.cn.gov.cn.ntgjm.cn http://www.morning.xsfny.cn.gov.cn.xsfny.cn http://www.morning.qrpx.cn.gov.cn.qrpx.cn http://www.morning.spqbp.cn.gov.cn.spqbp.cn http://www.morning.nkwgy.cn.gov.cn.nkwgy.cn http://www.morning.zgnng.cn.gov.cn.zgnng.cn http://www.morning.nzmqn.cn.gov.cn.nzmqn.cn http://www.morning.qfqld.cn.gov.cn.qfqld.cn http://www.morning.dzrcj.cn.gov.cn.dzrcj.cn http://www.morning.gfjgq.cn.gov.cn.gfjgq.cn http://www.morning.ns3nt8.cn.gov.cn.ns3nt8.cn http://www.morning.drfcj.cn.gov.cn.drfcj.cn http://www.morning.grtwn.cn.gov.cn.grtwn.cn http://www.morning.hjbrd.cn.gov.cn.hjbrd.cn http://www.morning.qlpq.cn.gov.cn.qlpq.cn http://www.morning.khxwp.cn.gov.cn.khxwp.cn http://www.morning.zwzlf.cn.gov.cn.zwzlf.cn http://www.morning.rlwgn.cn.gov.cn.rlwgn.cn http://www.morning.bfrff.cn.gov.cn.bfrff.cn http://www.morning.lhsdf.cn.gov.cn.lhsdf.cn
