如何绑定到 Vue JS 中的属性？

Question

我收到了这个错误

属性内的插值已被删除。请改用 v-bind 或冒号简写。例如，代替 <div id="{{ val }}"> ，使用 <div :id="val"> 。

在这条线上

<a href="/Library/@Model.Username/{{myVueData.Id}}">

它适用于 Angular 1。你如何在 Vue 中做到这一点？

原文由 Aximili 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

在您的模板中：

 <a :href="href">

你把 href 在 data ：

 new Vue({
  // ...
  data: {
    href: 'your link'
  }
})

或使用计算属性：

 new Vue({
  // ...
  computed: {
    href () {
      return '/foo' + this.someValue + '/bar'
    }
  }
})

原文由 CodinCat 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

只是补充……解决插值错误（简单的解决方案，我是初级前端开发人员）： 循环中的示例帖子对象：

• 代替

    <a href="{{post.buttonLinkExt}}">

• 试试这个方法

    <a v-bind:href="post.buttonLinkExt">

原文由 Leonardo Savio 发布，翻译遵循 CC BY-SA 4.0 许可协议