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

鍍金池/ 問答/HTML5  HTML/ vue里面如何讓v-for循環(huán)出來的列表里面的列表click事件跳轉(zhuǎn)到不同的頁面

vue里面如何讓v-for循環(huán)出來的列表里面的列表click事件跳轉(zhuǎn)到不同的頁面

  <ul>
    <li v-for="(item,key) in list" :key="key">
      <span @click="$router.push()">{{item.name}}</span>
    </li>
  </ul>
  
  list: [{
    name: '充值記錄'
  }, {
    name: '個(gè)人信息'
  }, {
    name: '修改密碼'
  }, {
    name: '安全退出'
  }]
  
  點(diǎn)個(gè)人信息的時(shí)候跳到個(gè)人信息頁面
  點(diǎn)修改密碼的時(shí)候跳到修改密碼
  如何實(shí)現(xiàn)？
回答
編輯回答
慢半拍

可以在你的list數(shù)組中加上路由字段，點(diǎn)擊的時(shí)候動(dòng)態(tài)的獲取各自的跳轉(zhuǎn)路由

2017年5月30日 08:04
編輯回答
骨殘心

給你個(gè)官方文檔鏈接：https://router.vuejs.org/zh-c...

2017年8月15日 03:35
編輯回答
玩控
<ul>
    <li v-for="(item,key) in list" :key="key">
      <router-link :to="路由"></router-link>
    </li>
  </ul>

把對(duì)應(yīng)的路由遍歷到router-link 的:to內(nèi)里就可以。

2018年7月7日 03:46