diff --git a/src/pages/list/QueryList.vue b/src/pages/list/QueryList.vue
index bad8046..0f9e58d 100644
--- a/src/pages/list/QueryList.vue
+++ b/src/pages/list/QueryList.vue
@@ -113,7 +113,7 @@
删除1
-
+
删除2
diff --git a/src/plugins/authority-plugin.js b/src/plugins/authority-plugin.js
index 860b1d5..7c40aad 100644
--- a/src/plugins/authority-plugin.js
+++ b/src/plugins/authority-plugin.js
@@ -42,33 +42,33 @@ const auth = function(authConfig, permission, role, permissions, roles) {
return false
}
-/**
- * 阻止的 click 事件监听
- * @param event
- * @returns {boolean}
- */
-const preventClick = function (event) {
- event.preventDefault()
- event.stopPropagation()
- return false
-}
-
const checkInject = function (el, binding,vnode) {
const type = binding.arg
const check = binding.value
const instance = vnode.context
const $auth = instance.$auth
if (!$auth || !$auth(check, type)) {
- el.classList.add('disabled')
- el.setAttribute('title', '无此权限')
- el.addEventListener('click', preventClick, true)
+ addDisabled(el)
} else {
- el.classList.remove('disabled')
- el.removeAttribute('title')
- el.removeEventListener('click', preventClick, true)
+ removeDisabled(el)
}
}
+const addDisabled = function (el) {
+ if (el.tagName === 'BUTTON') {
+ el.setAttribute('disabled', 'disabled')
+ } else {
+ el.classList.add('disabled')
+ }
+ el.setAttribute('title', '无此权限')
+}
+
+const removeDisabled = function (el) {
+ el.classList.remove('disabled')
+ el.removeAttribute('disabled')
+ el.removeAttribute('title')
+}
+
const AuthorityPlugin = {
install(Vue) {
Vue.directive('auth', {
@@ -77,6 +77,9 @@ const AuthorityPlugin = {
},
update(el, binding,vnode) {
checkInject(el, binding, vnode)
+ },
+ unbind(el) {
+ removeDisabled(el)
}
})
Vue.mixin({
diff --git a/src/theme/default/style.less b/src/theme/default/style.less
index c722172..f91a72a 100644
--- a/src/theme/default/style.less
+++ b/src/theme/default/style.less
@@ -29,4 +29,5 @@
.disabled{
cursor: not-allowed;
color: @disabled-color;
+ pointer-events: none;
}