v-if 是否插入元素指令

 <div id="app05">
       <p v-if="OK">True的时候显示,否则不显示</p>
       <template v-if="show">
           <h1>111</h1>
           <h1>222</h1>
       </template>
    </div>

调用:
    StudyShowValue("#app05");


实现:
// v-if 指令,将根据值(True or false) 来决定是否插入p元素
function StudyShowValue(obj) {
    new Vue({
        el: obj,
        data: {
            show: true,
            OK: false
        }
    })

}

  

猜你喜欢

转载自www.cnblogs.com/hnzheng/p/9139048.html