在 href 属性中绑定数据 - Vue JS

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

Binding data in href attibute - VueJS