v-for参数读取问题

Question

对象

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应该怎么写？

Answer 1

用 :to="menu.link :

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