☰

Vue JS で属性にバインドするにはどうすればいいですか? 質問する

tag-icon • tag-icon vue.js
Vue JS で属性にバインドするにはどうすればいいですか? 質問する

このエラーが発生しました

属性内の補間は削除されました。代わりに v-bind またはコロンの省略形を使用してください。たとえば、 の代わりに<div id="{{ val }}">を使用します<div :id="val">。

この行に

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

Angular 1 では動作します。Vue ではどのように行うのでしょうか?

ベストアンサー1

テンプレート内:

<a :href="href">

そして、次のように入力しhrefますdata:

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

または、計算プロパティを使用します。

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

おすすめ記事