如何访问其中包含连字符的URL查询vuejs

我试图v-alert根据payment-successful查询参数是true还是有条件地显示false.

这是我尝试过的：

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

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

回答

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