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


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

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM