vue写的confirm确认框，loading加载中，message提示消息

import Loading from './loading.vue'; const loadingConstructor = Vue.extend(Loading) Vue.directive('kiko-loading', { update: function(el, binding) { if (binding.oldValue != binding.value) { const options = {} options.fullScreen = binding.modifiers.fullscreen ? true : false; if (options.fullScreen) { options.top = 0 options.left = 0 options.width = '100%' options.height = '100%' } else { ['top', 'left'].forEach(function(property) { var scroll = property === 'top' ? 'scrollTop' : 'scrollLeft' options[property] = el.getBoundingClientRect()[property] + document.body[scroll] + document.documentElement[scroll] + 'px' }); ['height', 'width'].forEach(function(property) { var hw=el.getBoundingClientRect()[property]; if(hw===0){ hw=100+'%'; }else{ hw=hw+'px'; } options[property] = hw; }); } var component = new loadingConstructor({ data: options }).$mount() var node = document.querySelector('.kiko-loading') if (node && node.parentNode) { node.parentNode.removeChild(node) } if (binding.value === true) { document.querySelector('body').appendChild(component.$el) } else { var node = document.querySelector('.kiko-loading') if (node && node.parentNode) { node.parentNode.removeChild(node) } } } } }) export default Loading