vue 自定义指令巧用

我需要通过v-loads 自定义指令实现加载遮罩层

引入遮罩层组件 并使用vue中的 h函数将组件转换为vNode对象 这个时候在v-loads初始化的时候

Position.vue

判断 v-loads="值" 值 如果为true 调用render函数 将刚刚转换成vNode节点的 Position.vue 组件 挂载到 el 也就是绑定该指令的元素上

index.vue

最终实现效果