如何在Vue.js中访问具有连字符的URL查询

Question

我正在尝试根据payment-successful查询参数是否为true或false来有条件地显示一个v-alert。

这是我尝试过的代码：

<v-alert v-if="$route.query.payment-successful == true" type="success" dismissible>
  I'm an alert
</v-alert>

但似乎并没有起作用，因为当我设置查询参数时警报未被显示。 我还尝试将$route.query.payment-successful放在引号之间，但也不起作用。

- Andor Németh

Answer 1

尝试使用 [] 方括号访问器：

<v-alert v-if="$route.query['payment-successful'] == true"></v-alert>

- Boussadjra Brahim