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

Question

我收到了这个错误

内部属性中的插值已被删除.改为使用v-bind或冒号.例如,而不是<div id="{{ val }}">使用<div :id="val">.

在这条线上

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

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

Answer 1

在您的模板中:

<a :href="href">

你href输入data:

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

或者使用计算属性:

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

Answer 2

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

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

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