v-show自定义指令

作者: 嗯哼_3395 | 来源:发表于2018-07-07 15:47 被阅读0次

v-show

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
    <script src="vue.min.js"></script>
</head>
<body>
    <div id="box">
        <p v-veb="flag">hello</p>
    </div>
</body>  
    <script>
         Vue.directive("veb",{
           inserted:function(el,binding){
              if(binding.value){
                 el.style.display="block"
              }else{
                 el.style.display="none"
              }

           },
           update:function(el,binding){
              if(binding.value){
                 el.style.display="block"
              }else{
                 el.style.display="none"
              }
           }


        })
       var box=new Vue({
          el:"#box",
          data:{
              flag:true
          }
       })

    </script>
</html>