Элемент вкладки, показывающий файл component.vue при нажатии с router.view - PullRequest
Новая
       10

Элемент вкладки, показывающий файл component.vue при нажатии с router.view

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

У меня есть структура вкладок слева и справа. Я хочу, чтобы представление роутера было настроено так, чтобы при нажатии на элемент табуляции он отображал компонент, как мы можем сделать это, просто используя vuejs.

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script>
<template>
<div class="container">
<div class="tabs">
    <ul v-for="(item,key) in items" :key="id">
      <router-view :to="option.title">
      <li @click="onTabChange(option.id)">{{option.title}}</li>
      </router-view>
    </ul>
    </div>
    <div class="tab-content">
      <div v-for="(option,key) in settings" :key="key">
          <div  v-if="option.id == selectedTab" >
            <router-view></router-view>
          </div>
        </div>
    </div>
</div>
</template>
...