iT邦幫忙

2019 iT 邦幫忙鐵人賽

DAY 10
1
自我挑戰組

三十天用Vue.jS打造一個網路商城系列 第 10

Day10:路由構造Mode還有linkActiveClass

  • 分享至 

  • xImage
  •  

閱讀前,建議可以參考Day1:閱讀指南&為何選擇這個題目?

▌挑戰簡介

  • 題目:三十天用Vue.jS打造一個網路商城

  • 挑戰內容:利用慕課網(IMOOC)的「Vue2.0+Node.js+MongoDB 全棧打造商城系統」&六角學院的「Vue出一個電商網站」的課程嘗試在30天內打造網路商城。

  • 本篇性質:純粹學習進度的紀錄,不會有詳細的教學或解釋,因此不適合認真閱讀

▌目標

學會設定一些export default new Router當中的屬性

▌Mode還有linkActiveClass

  • 如果mode改為history,就不用#字號,但是後端伺服器也需要對應
  • 當router-link被點擊時,會出現預設的classrouter-link-exact-active,如果用linkActiveClass則可以自訂多的class
export default new Router({
  mode: "history",
  linkActiveClass:"newclass"
  routes: [{
    path: '/index',
    name: 'index',
    component: index
  }

上一篇
Day9:如何載入多個router-view
下一篇
Day11:如何不用router link改用Method切換路徑?
系列文
三十天用Vue.jS打造一個網路商城30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言