blackteay/vue-element-admin
1
0
Fork 0
mirror of https://github.com/PanJiaChen/vue-element-admin.git synced 2025-04-06 03:57:53 +08:00
Code Issues Releases Wiki Activity

fix[permission]: directive demo typo

Browse Source
This commit is contained in:
Pan 2018-05-30 15:27:44 +08:00
parent 4fc25241fe
commit 20aad46416
1 changed files with 8 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
src/views/permission/directive.vue
View File

@ -1,16 +1,19 @@
<template> <template>
<div class="app-container"> <div class="app-container">
<switch-roles @change="handleRolesChange" /> <switch-roles @change="handleRolesChange" />
<div :key="key" style="margin-top:30px;"> <div :key="key" style="margin-top:30px;">
<span v-permission="['admin']" class="permission-alert"> <span v-permission="['admin']" class="permission-alert">
Only <el-tag class="permission-tag" size="small">admin</el-tag> can see this Only
<el-tag class="permission-tag" size="small">admin</el-tag> can see this
</span> </span>
<span v-permission="['editor']" class="permission-alert"> <span v-permission="['editor']" class="permission-alert">
Only <el-tag class="permission-tag" size="small">editor</el-tag> can see this Only
<el-tag class="permission-tag" size="small">editor</el-tag> can see this
</span> </span>
<span v-permission="[]" class="permission-alert"> <span v-permission="['admin','editor']" class="permission-alert">
Both <el-tag class="permission-tag" size="small">admin</el-tag> and <el-tag class="permission-tag" size="small">editor</el-tag> can see this Both
<el-tag class="permission-tag" size="small">admin</el-tag> and
<el-tag class="permission-tag" size="small">editor</el-tag> can see this
</span> </span>
</div> </div>
</div> </div>