如何在 Vue.js 中动态构建路由器链接？

我正在尝试在 Vue.js 中执行以下操作

     <table>
        <tr v-for="item in messages">
            <td><router-link to="'/user/' + item.id">{{ item.name }}</router-link></td>
        </tr>
    </table>

我的 messages 属性中有一个对象数组。每个对象都有一个 id 属性，我想将其附加到我的 to 属性上。因此，如果消息数组中有两个 id 分别为 1 和 2 的项目，我希望得到如下所示的结果：

     <table>
        <tr v-for="item in messages">
            <td><router-link to="/user/1">{{ item.name }}</router-link></td>
        </tr>
        <tr v-for="item in messages">
            <td><router-link to="/user/2">{{ item.name }}</router-link></td>
        </tr>
    </table>

我还尝试执行 {{ message.id }} ，但这给了我一个插值错误。如何让它在“to”属性中呈现 message.id 的实际值？ item.name 属性按预期呈现。

只需添加v-bind: before to

<table>
    <tr v-for="item in messages">
        <td><router-link v-bind:to="'/user/' + item.id">{{ item.name }}</router-link></td>
    </tr>
</table>

Without v-bind:你实际上是在使用'user' + item.id作为价值。 如需更多澄清检查本文档部分 https://v2.vuejs.org/v2/guide/components.html#Literal-vs-Dynamic