javascript - 使用 Vue Router 在 Javascript 中将对象键设置为变量

Question

我正在尝试将变量作为参数传递给 vue-router，以便可以动态设置它。与下面的示例非常相似:

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

我不打算像这样设置 key :var[notification.param_name]。

我想这个问题可以扩展为更一般的问题，但我很难用另一种方式来解释它。

Answer 1

最简单的做法是让它成为一个基于notification对象返回路由定义的computed(注意你需要在params中指定params > 对象的属性):

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

并将其绑定(bind)到 to:

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