Vue вкладки материала не переключаются - PullRequest
Новая
       12

Vue вкладки материала не переключаются

0 голосов
/ 01 марта 2019

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

<template>
  <div class="content">
  <md-tabs md-sync-route>
      <md-tab id="tab-home" md-label="Home" to="/home" >
        Home Tab
      </md-tab>
      <md-tab id="tab-pages" md-label="Pages" to="/foo">
        Pages tab
        <p>Unde provident nemo reiciendis officia, possimus repellendus. Facere dignissimos dicta quis rem. Aliquam aspernatur dolor atque nisi id deserunt laudantium quam repellat.</p>
      </md-tab>

    </md-tabs>

    </div>
  </div>
</template>

<script>
export default {
  name: 'TabContent'
}
</script>

<style>
.md-tabs-navigation{
background: linear-gradient(60deg,#ec407a,#d81b60);
}
</style>

РЕДАКТИРОВАТЬ: Я также добавил пример материала vue https://codesandbox.io/s/48m3qrvmo4?module=App.vue

...