解決 iview menuitem props to 無法跳轉問題

Question

 <Menu active-name="1-1" theme="dark" width="auto" :class="menuitemClasses">
                    <Submenu name="1"> 
                      <template slot="title">
                      <Icon type="ios-analytics" />
                         資料維護
                      </template>  
                    <MenuItem name="1-1" to="/tables" tag="tables">
                        <Icon type="ios-navigate"></Icon>
                        <span>物料主檔</span>      
                    </MenuItem>
                    <MenuItem name="1-2" to="/customer"  tag="customer"> 
                        <Icon type="ios-navigate"></Icon>
                        <span>客戶主檔</span>      
                    </MenuItem>
              </Submenu>
</Menu>

第一個menuitem to跳轉到tables是可以的
但是第二個menuitem to跳轉到customer 是不行的
請問大家知道為什麼嘛 如下是官網的

Answer 1

参考GPT和自己的思路：

根据你提供的代码和官网文档，我猜测问题可能出在 tag 属性上。

在 iView 的文档中，我们可以看到 MenuItem 组件可以额外传递一个 tag 属性（见官网文档截图），但如果这个 tag 属性被传递，在点击菜单时 MenuItem 将会使用 tag 属性来进行路由跳转，而不是使用 to 属性。因此，如果你在 MenuItem 中传递了 tag 属性，同时 to 属性也被传递了，那么 to 属性将会被忽略，而 tag 属性会被用来进行路由跳转。

换句话说，如果你希望使用 to 属性来进行路由跳转，那么就应该不传递 tag 属性；如果你希望使用 tag 属性来进行路由跳转，那么 to 属性可以不用传递。

因此，我建议你检查一下第二个 MenuItem 是否传递了 tag 属性，如果有，尝试移除这个属性看看能否解决问题。