Vue JS通过道具传递路线

Question

我想将prop传递到我导航至的链接中：

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

export default {
  props: ["siteType"]
}

如何将siteType属性传递给链接字符串？

Answer 1

改为绑定计算属性，因为您不能在属性as per documentation中使用小胡子：

在HTML属性中不能使用胡子。而是使用v-bind指令

示例：

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

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