在 href attibute 中绑定数据 - VueJS.

Question

我在 VueJS 中绑定数据时遇到问题。在下面的代码中，user.name 正常工作，但user.id href属性中不起作用。

<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