Как правильно использовать Vue-Materials Tab Router с Vue-router? - PullRequest
Новая
       14

Как правильно использовать Vue-Materials Tab Router с Vue-router?

0 голосов
/ 16 января 2019

Я хотел использовать вкладки vue-material в моем проекте Vue в качестве основного элемента навигации в моем проекте. Стандартные вкладки (https://vuematerial.io/components/tabs/), похоже, уже имеют эту функцию.

К сожалению, я действительно не понимаю связь между обычным маршрутизатором vue, который я сейчас использую, и автоматической маршрутизацией в примерах материала vue.

Мой старый App.vue выглядел так: 

<template>
  <div id="app">
         <router-view></router-view
      </div>
    </template>

<script>
export default {
  name: "app"
};
</script>

Теперь я бы изменил "" на что-то вроде этого: 

<template>
  <div>
    <md-tabs md-sync-route>
      <md-tab id="tab-pages" md-label="Jobs" to="/home"></md-tab>
      <md-tab id="tab-home" md-label="Home" to="/jobs"></md-tab>
    </md-tabs>
  </div>
</template>

С "/ home" и "/ jobs", которые теперь являются моими действующими маршрутами в моем маршрутизаторе вида. Но это не работает. Я также попробовал "/components/Home.vue", аналогичный примеру в документах vue-material. 

The error I get is "Vue warn]: Error in render: "TypeError: Cannot read property 'options' of undefined"
found in

---> <MdTab> at src/components/MdTabs/MdTab.vue
       <MdContent> at src/components/MdContent/MdContent.vue
         <MdTabs> at src/components/MdTabs/MdTabs.vue
           <App> at src/App.vue
             <Root>  [...]"

Надеюсь, вы скажете мне, где я неправ. Вероятно, я иду по неверному пути в параметре «to» или что я делаю что-то с маршрутизатором Vue, что я не должен делать с vue-material.

Большое спасибо! Я все еще новичок в Vue

1 Ответ

0 голосов
/ 16 января 2019

Понижение vue-router до 3.0.1 решает проблему. Доказательство:

https://codesandbox.io/s/oxlryzvzl9

Была ошибка , которая, кажется, все еще появляется.

...