当前位置: 首页 > news >正文

php做网站一般用什么软件如何查询百度搜索关键词排名

php做网站一般用什么软件,如何查询百度搜索关键词排名,营销型网站建设 课程,手机版自媒体135免费下载通过v-指令,控制页面上的权限按钮的显示隐藏。首先是我的权限按钮数据,通过登录接口后端返回,前端将数据存在vuex里,在调用指令时候获取到当前页面对应的按钮权限数组,通过v-指令传递标识判断是否在当前页按钮权限数组…

通过v-指令,控制页面上的权限按钮的显示隐藏。首先是我的权限按钮数据,通过登录接口后端返回,前端将数据存在vuex里,在调用指令时候获取到当前页面对应的按钮权限数组,通过v-指令传递标识判断是否在当前页按钮权限数组里,有则显示,无则隐藏。

借鉴博客

一、封装组件

在 src 目录下新建 directive 目录,在目录下新建 permission.js 文件:

以下代码可直接复制:注意使用了store

// import Vue from 'vue'
import store from '@/store'
import router from '@/router'// 检测是否有权限
// 使用Vue.directive声明自定义指令btn-key
export default {install(Vue) {Vue.directive('permission', {/*** inserted:被绑定元素插入父节点时调用* el:指令所绑定的元素,可以用来直接操作 DOM* binding.value:指令的绑定值,例如:v-directive="10" 中,绑定值为 10。*/inserted(el, binding) {// 使用Vue.nextTick()确保在DOM更新后执行操作--解决不更新DOM问题Vue.nextTick(function() {let lastColumns = [] // 获取该角色当前页的按钮列表// 在Vue Router加载完成后执行获取路由参数的操作let pagePathrouter.onReady(() => {pagePath = router.currentRoute.path // 当前路由// console.log('pagePath', pagePath)// console.log('store', store.getters['system/systemConfig']) // 获取vuex里面的后端登录返回的页面权限按钮数组arrList// 从vuex里获取所有页面权限按钮关系数据arrList const arrList = [{ path: '/defectManagement/defectRecord', btnList: ['add'] },{ path: '/defectManagement/defectMaintenance', btnList: ['add', 'edit', 'delete'] },{ path: '/normalPenetratTest/penetratResult/asset', btnList: ['add', 'detail', 'edit', 'delete', 'upload', 'highlight'] },{ path: '/normalPenetratTest/penetratResult/loophole', btnList: ['detail', 'edit', 'delete'] }]arrList.forEach(ele => {if (ele.path === pagePath) {lastColumns = ele.btnList || [] // 获取当前路由下的角色的按钮}})// console.log('获取当前路由下的角色的权限按钮数组', lastColumns)// 执行指令的操作const buttonKey = binding.value// 代表某个元素需要通过权限验证if (buttonKey) {const key = checkKey(lastColumns, buttonKey)console.log('指令触发了', lastColumns, checkKey(lastColumns, buttonKey))if (!key) { // 没有权限el.remove() // 删除按钮}} else {throw new Error('缺少唯一指令')}})})}})}
}// 检测传入的元素key是否可以显示
function checkKey(lastColumns, key) {// 如果传入的元素key不在权限数组里,则不可显示return lastColumns.indexOf(key) > -1
}//     <a-button v-permission="'delete'" type="primary">删除</a-button>

二、引入组件和使用

1.在入口文件 src\main.js 里面引入自定义指令:
import permission './directive/permission'
Vue.use(permission)
2.在使用的页面,按钮中只需引用v-operate指令,赋值判断即可:
<el-button @click='delHandle' type="primary" v-permission="'delete'">删除</el-button>
http://www.dinnco.com/news/26326.html

相关文章:

  • cloudfare wordpress东莞网站建设优化推广
  • 手机设计软件平面设计南宁百度seo建议
  • 德州哪里做网站谷歌下载官方正版
  • 网站开发无锡长尾关键词查询
  • 可信赖的深圳网站建设产品推广外包
  • 青岛做网站优化公司禁止搜索引擎收录的方法
  • 洛阳网站制作如何制作付费视频网站
  • 做网站 内网怎么映射苏州疫情最新通知
  • 做网站就是做服务seo网站优化多少钱
  • 宿迁做网站公司营销咨询公司排名前十
  • 如何做网站推广 求指点个人主页网页设计
  • 个人网站建设服务中国推广网站
  • 做app模板网站有哪些内容西安建站推广
  • 网站内页检测网站建设及网站推广
  • 怎么管理购物网站如何自己开发一个网站
  • 校园网站模板下载长春网站优化指导
  • 创意网站设计模板百度提问首页
  • 欧美网站模板 psd如何在百度发布广告信息
  • 动漫做h免费网站有哪些网站发布与推广方式
  • 菜鸟网站做图北京网站优化排名推广
  • 集团网站怎么建设百度渠道开户
  • 在线ui设计软件一个具体网站的seo优化
  • win本地网站建设营销型网站建设ppt
  • 关于织金县网站建设的论文深圳专门做seo的公司
  • 怎么建设网站模板上传如何外贸推广
  • 十堰网站制作餐饮管理培训课程
  • 北京好的做网站的公司哪家好收录批量查询工具
  • 哪个行业最需要做网站神马seo教程
  • 南昌网站开发商哪家强全国疫情高峰感染高峰进度查询
  • 获取网站验证码地址seo快速排名案例