要實現(xiàn)上幾章功能,就要進行路由嵌套,就是進入【賬戶】之后又有【注冊】、【登錄】兩個子路由。
運行效果如下:
也可以把 mode 改為 hash 路由模式,注釋掉mode: ‘history’,即可,當(dāng)然區(qū)別也就是在地址顯示方式不一樣。
2、< router-link >的 tag 屬性應(yīng)用
如上,<router-link>默認是轉(zhuǎn)為<a>標簽。實際上可以為
<router-link>增加 tag 屬性指明轉(zhuǎn)為其他標簽,比如 button、li。
2.1、設(shè)置 tag=“button”
<router-link to=“/account/login” tag=“button”>登錄</router-link>
<router-link to=“/account/register” tag=“button”>注冊</router-link>
運行效果:
2.2、設(shè)置 tag=“l(fā)i”
說明:改為 li,一般就要在外面套一層<ul>變成無序列表。
<ul>
<router-link to=“/account/login” tag=“l(fā)i”>登錄
</router-link>
<router-link to=“/account/register” tag=“l(fā)i”>注冊
</router-link>
</ul>
運行結(jié)果:
廣州天河區(qū)珠江新城富力盈力大廈北塔2706
020-38013166(網(wǎng)站咨詢專線)
400-001-5281 (售后服務(wù)熱線)
深圳市坂田十二橡樹莊園F1-7棟
Site/ http://www.szciya.com
E-mail/ itciya@vip.163.com
品牌服務(wù)專線:400-001-5281
長沙市天心區(qū)芙蓉中路三段398號新時空大廈5樓
聯(lián)系電話/ (+86 0731)88282200
品牌服務(wù)專線/ 400-966-8830
旗下運營網(wǎng)站:
Copyright ? 2016 廣州思洋文化傳播有限公司,保留所有權(quán)利。 粵ICP備09033321號