v-for动态生成router-link的 :to传参怎么写

Question

<router-link :to=list.url>{{list.title}}</router-link>

data(){
    return {
        navLists: [
            {title: '监控中心', url: '/watchCenter'},
            {title: '统计分析', url: '/analysis'},
            {title: '业务管理', url: '/serviceManager'},
            {title: '系统管理', url: '/systemManager'}
        ]
    }      
}

这是rouer.js
{
            path: '/container',
            name: 'container',
            component: container,
            children: [
                {path: '/watchCenter/:id', component: sideMenu,redirect: '/watchCenter/manage1',
                    children: [
                        {path: '/watchCenter/manage1', component: mainContent},
                        {path: '/watchCenter/edit1', component: mainContent1}
                    ]
                },
                
                

Answer 1

看看这个 https://router.vuejs.org/zh-c...