Vue.js w System.js: scope.router.go ошибка

В настоящее время, когда я тестирую приложение Vue.js-System.js перед его перемещением в webpack2, я столкнулся с проблемой с шаблоном маршрутизации.

В моем компоненте OPA Memberships при нажатии на ссылку я хочу запросить страницу регистрации у роутера. я использовал

компоненты /index.js

import Memberships from "components/Memberships/index";
// all the components in the OPA which are not in the routes
....
export {
  ....
   Memberships,
  ....
}

компонент Членство в шаблоне

....
<a type="button" @click="router.go('/registrations')"  href="">REGISTRATION</a>

и я получаю следующую ошибку:

return  scope.router.go('/registrations');

Source map error: request failed with status 404
Resource URL: http://127.0.0.1:8080/libs/js/system.js
Source Map URL: system@0.18.17.js.map

Если я уберу href="", то получу

scope.router undefined

В моем маршруте /index.js маршрут регистрации определен:

маршруты /index.js

  import Registrations from 'routes/Registrations/index';
  export default {
    ...
    '/registrations': {
        component: Registrations
  },
...
};

и

Источник

1 ответ

Забыл "это". в Vue.js 2 я должен использовать:

@click="this.$router.go('/registrations')"

no href = ""..

Чтобы прокрутить до вершины страницы назначения, мне пришлось добавить

ready() {
    var vm = this;
    document.body.scrollTop = document.documentElement.scrollTop = 0;
},

в целевом компоненте index.js

Источник
Другие вопросы по тегам