在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/Java  HTML/ vue 依據(jù)條件渲染標簽的特殊情況？

vue 依據(jù)條件渲染標簽的特殊情況？

標題可能描述的不太清晰，請見諒

比如

<router-link :to="nav.to">
    {{ nav.name }}
    <span v-if="nav.data">({{nav.data}})</span>
</router-link>

會生成

<a href="#/" class="router-link-exact-active router-link-active">首頁</a>

假設(shè)某條數(shù)據(jù)沒有鏈接地址即 nav.to為空
也會生成

<a href="#/" class="router-link-exact-active router-link-active">首頁</a>

能不能把鏈接去掉呢？

回答
編輯回答
薔薇花

<router-link :to="nav.to?nav.to:''">

{{ nav.name }}
<span v-if="nav.data">({{nav.data}})</span>

</router-link>

寫個三目，做下判斷，為空就讓href也為空

2017年10月1日 16:20
編輯回答
艷骨

在你得到這個鏈接的地方做一個判斷， if(nav.to == ""){ nav.to = javascript:; }其實就是判斷這個是否為空， 如果為空，去掉這個鏈接的跳轉(zhuǎn)效果javascript:;是阻止跳轉(zhuǎn)的。

2017年3月21日 05:09
編輯回答
下墜

在外層包個盒子 v-show 唄 不行把標簽去掉不更好？

2018年5月9日 16:03
編輯回答
尛憇藌
<router-link v-if="nav.to" :to="nav.to">
    {{ nav.name }}
    <span v-if="nav.data">({{nav.data}})</span>
</router-link>
2017年3月20日 02:58