如何使用VueJS动态添加属性?

我知道我可以用 v-bind 属性 ,而不是值。类似的内容(尽管这是无效的):

    <a
      :href="url"
      {{ downloadable ? 'download' : null }}
      class="link"
      @click="onClick">
      {{ text }}
    </a>

注意:我没有使用JSX

我在考虑用 $attrs https://vuejs.org/v2/api/#vm-attrs )但它是只读的。

有办法在Vue上这样做吗?

解决方案:

new Vue({
  el: '#app',
  data() {
    return {
       msg: 'Inspect element to test',
       downloadable: true
    }
  },
  computed: {
    dynamicAttribute() {
      if(!this.downloadable) {
         return null
      }

      return { [`download`]: "link or w/e" }
    }
  }
})

HTML格式:

  <a v-bind="dynamicAttribute">{{msg}}</a>