vue中的条件渲染




    
    
    
    


//v-show:已经渲染,只是隐藏或显示
{{message}}
//v-if:存在或不存在(移除)。很显然v-show性能更高,它不用删除、添加
{{message}}
//if else语句(注意,if、else标签之间不能有阻隔,否则报错)
if
else
//if else ifelse(同样要连在一起写)
a
b
other
//一个诡异的现象:帐号、邮箱再怎么切换,input中输入的内容不变(vue会尽量复用,但是并没有清空内容)
帐号:
邮箱:
//解决办法是加key(当给一个元素加key值的时候,vue会知道它是唯一元素,如果不一样则不复用值)
帐号:
邮箱:

分享名称:vue中的条件渲染
文章源于:http://www.hxwzsj.com/article/gcephh.html

其他资讯

Copyright © 2025 青羊区翔捷宏鑫字牌设计制作工作室(个体工商户) All Rights Reserved 蜀ICP备2025123194号-14
友情链接: 高端定制网站设计 重庆企业网站建设 成都网站建设 成都网站建设 高端品牌网站建设 自适应网站设计 成都网站制作 成都网站制作 手机网站建设 成都做网站建设公司 成都网站设计 高端网站设计 成都网站制作 成都网站制作 网站建设公司 成都网站建设推广 定制网站设计 企业手机网站建设 移动手机网站制作 成都网站建设 成都网站建设 手机网站建设套餐