Question

我有一个vue.js应用程序，其中包含两个被路由的组件。我尝试将引导标签导航添加到第一个组件，但不显示标签内容。

<template>
<div class="registration">
<ul  class="nav nav-pills">
 <li class="active">
  <a  href="#1a" data-toggle="tab">Tab1</a>
 </li>
 <li>
  <a href="#2a" data-toggle="tab">Tab2</a>
 </li>
</ul>
<div class="tab-content clearfix">
  <div class="tab-pane active" id="1a" >
    ---Content---
  </div>
  <div class="tab-pane active" id="2a" >
    ---Content---
  </div>
</div>
</div>
</template>

<script>
  export default {
    name: 'registration',
    data () {
    }
  }
</script>

Answer 1

您需要制作如下结构，运行代码段以了解更多

＆＃13;

ScheduledExecutorService executor = Executors.newSingleThreadScheduledExecutor();
      Runnable hideDialog = new Runnable() {
          public void run() {
              dialog.dismiss();
         }
    };
    executor.schedule(hideDialog, 2, TimeUnit.SECONDS);
}

＆＃13;

Bootstrap选项卡导航无法在vue.js中运行

1 个答案: