vue.js - v-for参数读取问题

问题描述

问 题

对象

var menu = [{ link: "1", title: "1", path: "1" }, { link: "2", title: "2", path: "2" }, { link: "3", title: "3", path: "3" }, { link: "4", title: "4", path: "4" }];

<li v-for="menu of menus" v-bind:class="menu.path">
                    <router-link to="menu.link" class="nav-link nav-toggle">
                        <span class="title">{{menu.title}}</span>
                    </router-link>
                </li>

menu.path和menu.title的都能正确获取到值，router-link上的menu.link应该怎么写？

解决方案

用 :to="menu.link :

<router-link :to="menu.link" class="nav-link nav-toggle">

这篇关于vue.js - v-for参数读取问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！