点击跳转至对应页面

小树tree~

于 2023-12-26 14:50:06 发布

阅读量416

点赞数 12

文章标签：前端 java javascript

本文链接：https://blog.youkuaiyun.com/m0_46184946/article/details/118523481

版权

文章描述了一个使用Vue.js的单页面应用中，如何通过`v-for`循环动态渲染菜单列表，并实现点击后跳转到相应路径的代码片段。作者展示了`menuList`数据结构和`dailyWorkDetails`方法，用于处理路由导航。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<div class="menuListParent">
                <div
                    class="menuList"
                    v-for="(item, index) in menuList"
                    :key="index"
                    @click="goToPath(item.path)"
                >
                    {{ item.title }}
                </div>
            </div>

 dailyWorkDetails(val) { 
      this.$router.push({
        path: val
      })
    },