vue自定义指令实现页面元素的显示与隐藏

页面使用

局部自定义指令

代码如下：

directives:{
     remove:{
          inserted:(el,binding,vnode)=>{
              // el.remove()
              console.log(el)
              console.log(binding)
              console.log(vnode)
              let isFlag = vnode.context.arr.find(item=>item == binding.value)
              if(!isFlag){
                  el.remove()
              }
          }
      }
  }