Vue.js之v-if
2016-10-30 22:26
141 查看
---恢复内容开始---
首先,在跟着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-show和v-if使用时的注意事项
- Vue.js 条件渲染 v-if、v-show、v-else
- vue2.0用js和jquery设置包含v-if的组件样式无效的的情况
- vue.js显示与隐藏(v-if)
- vue.js 嵌套循环、if判断、动态删除的实例
- Vue.js 中 v-if 和 v-show 的区别
- Vue.js常用指令汇总(v-if//v-show//v-else//v-for//v-bind//v-on等)
- Vue.js常用指令汇总(v-if、v-for等)
- vue.js提交按钮时进行简单的if判断表达式详解
- 前端人员必知的Vue.js条件v-if与列表循环v-for相关用法
- Vue.js学习笔记:在元素 和 template 中使用 v-if 指令
- Vue.js 中 v-if 和 v-show 有什么区别?
- vue.js之v-show 与 v-if
- 深入理解vue.js中的v-if和v-show
- Vue.js常用指令汇总(v-if、v-for等)
- vue.js 嵌套循环、if判断、动态删除
- 对于v-if 和 v-show的选择 --Vue.js
- Vue.js入门学习--v-if 组合 v-else-if条件指令渲染DOM(三)
- Vue.js 中 v-if 和 v-show 有什么区别?(转)
- 学习使用vue.js(三)条件与循环 v-if、 v-for