如何在 vue 中为 html 属性使用变量？

Question

我正在使用 vue-router，我想创建这样的导航栏。

//...
navs: [
   { title: 'Home', router: '/' },
   { title: 'Settings', router: '/settings' }
]

//...

<li v-for='nav in navs' :key="nav.title" class="nav">
   <router-link to='nav.router'>{{nav.title}}</router-link> //nav.router does not return as I expect
</li>

//...

但是nav.router全部导航到/nav.router不是/一个/settings

有办法解决这个问题吗？

Answer 1

尝试绑定你的路由：

:to='nav.router'

如何在 vue 中为 html 属性使用变量？

How to use variable for html attribute in vue?

javascript

vue.js

vue-router