vue中的条件渲染-成都创新互联网站建设

关于创新互联

多方位宣传企业产品与服务 突出企业形象

公司简介 公司的服务 荣誉资质 新闻动态 联系我们

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中的条件渲染
文章URL:http://kswsj.cn/article/gcephh.html

其他资讯