在href attibute中绑定数据 - VueJS

Question

我在VueJS中绑定数据时遇到问题。在下面的代码中，user.name正在运行，但HREF属性中的user.id不是。

<ul id="message-user-list"> <li v-for="user in users"><a href="chat.php?user={{ user.id }}">{{ user.name }}</a></li> </ul>

我也尝试了这个，但它不起作用：

<ul id="message-user-list"> <li v-for="user in users"><a v-bind:href="chat.php?user={{ user.id }}">{{ user.name }}</a></li> </ul>

我做错了什么？请帮助。

Answer 1

尝试使用此<a :href="'chat.php?user=' + user.id">{{ user.name }}</a>

如果您执行v-bind: - vue 会为 js

引用所有引号