码迷,mamicode.com
首页 > 其他好文 > 详细

VUE中以v开头的代码和if判断

时间:2018-01-01 00:23:52      阅读:254      评论:0      收藏:0      [点我收藏+]

标签:开头   post   变量赋值   改变   input   div   文字   必须   否则   

v-model="变量名"                双向数据绑定一个变量,基本用在input里获取用户输入的内容
v-bind:class="变量名"huo :class="变量名"    双向数据绑定一个变量,用于改变当前标签的class类和CSS样式内容

if判断

v-if="变量名" 或 v-if="变量名 === 值? 结果:结果" (三目判断)    相当于js的if判断,如果是隐藏则当前标签彻底注释不存在

<p v-if="test"? ‘1‘:‘2‘>如果test的结果是true,则返回1,如果是false则返回2</p>

v-else      同v-if一起用,必须是前后兄弟元素

<p v-if="num">如果num为true,则显示这段文字</p>
<p v-else>否则就显示这段文字</p>

v-show="变量名" true和false的判断 简单的dispaly:none的效果

<p v-show="num">如果num为true,则改当前元素dispaly为block显示,如果是false则改为none隐藏</p>

以上三个的判断,当变量赋值可以为null和undefined 均表示false

 

VUE中以v开头的代码和if判断

标签:开头   post   变量赋值   改变   input   div   文字   必须   否则   

原文地址:https://www.cnblogs.com/xiaozhu007/p/8159405.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!