Vue JS передать реквизит в строку маршрута

Question

Я хочу передать опору в ссылку, по которой я перехожу:

<v-btn router :to="/main/+{{siteType}}">

export default {
  props: ["siteType"]
}

Как я могу передать опору siteType в строку ссылки?

Answer 1

Вместо этого привяжите к нему вычисленное свойство, поскольку вы не можете использовать усы внутри атрибутов, согласно документации :

Усы не могут использоваться внутри атрибутов HTML. Вместо этого используйте директиву v-bind

Пример:

<v-btn router :to="myCustomLink">

export default {
  props: ["siteType"],
  computed: {
    myCustomLink: function() {
      return `/main/${this.siteType}`,
    }
  }
}