Question

我正在尝试将变量作为param传递给vue-router，因此可以动态设置它。几乎就像下面的例子：

<router-link :to="{ 
  name: notification.name,
  (notification.param_name): notification.param_value
}">Blabla</router-link>

我不打算像这样设置密钥：var[notification.param_name]。

我认为这个问题可以扩展到一个更普遍的问题，但我很难以另一种方式解释它。

Answer 1

使它成为一个基于notification对象返回路由定义的计算器是最简单的（请注意，您需要在对象的params属性中指定参数）：

computed: {
  notificationRoute() {
    let { name, param_name, param_value } = this.notification;
    return { name, params: { [param_name]: param_value } };
  }
}

并将其绑定到to：

<router-link :to="notificationRoute">Blabla</router-link>

使用Vue Router在Javascript中将Object键设置为变量

1 个答案: