首页 > 代码库 > Vue.js之v-if
Vue.js之v-if
---恢复内容开始---
首先,在跟着api做的时候,要把v-if包裹在Vue对应的el里面,重要的事情说三遍。
html:
<div id="vif"> <div v-if="Math.random() > 0.1"> Now you see me </div> <div v-else> Now you don‘t </div> </div>
js:
var app13=new Vue({ el:‘#vif‘ });
这样才能显示其中一个标签的内容。(v-else必须紧挨着v-if)
v-show与v-if 的区别在于v-show所对应的元素会一直被渲染出来,v-show所做的只是切换该元素的css属性。v-if值如果是false,则该元素不会出现在DOM中
---恢复内容结束---
Vue.js之v-if
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。