diff --git a/src/views/permission/directive.vue b/src/views/permission/directive.vue
index c7028940..d6e6a928 100644
--- a/src/views/permission/directive.vue
+++ b/src/views/permission/directive.vue
@@ -1,16 +1,19 @@
 <template>
   <div class="app-container">
     <switch-roles @change="handleRolesChange" />
-
     <div :key="key" style="margin-top:30px;">
       <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 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 v-permission="[]" 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
+      <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
       </span>
     </div>
   </div>