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: '個人信息'
  }, {
    name: '修改密碼'
  }, {
    name: '安全退出'
  }]
  
  點個人信息的時候跳到個人信息頁面
  點修改密碼的時候跳到修改密碼
  如何實現(xiàn)？