如何访问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放在引号之间，但也不起作用。

Answer 1

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

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