Как вызвать различные функции, основанные на значении $ route.path?

Question

Я довольно новичок в vue.

Допустим, это мой URL: https://mywebsite.com/states/ABC?query= и https://mywebsite.com/search?query=

Я беру путь /states/ABC и /search, используя$route.path. Я делаю этот путь внутри mounted()

Теперь, основываясь на этом значении $route.path, я хочу использовать различные методы, например, если это states, то statesEvent() и если это search,затем searchEvent.

EDITED : оба эти события присутствуют в миксине. Я загружаю этот миксин в этот компонент.

Answer 1

this.$route.path - это простая строка, с которой можно сопоставить любой из операторов сопоставления строк Javascripts (от == до match(/regex/) до includes и т. Д.).

В вашем конкретном случае я 'буду предлагать перейти с

const path = this.$route.path
if(path.startsWith('/states') {
  // execute states specific code
}
else if(path.startsWith('/search')) {
  // search specific code
}