Question

我正在使用javascript工作，并且在其中使用了引导程序组件选项卡栏，但是当我第一次在google chrome中运行代码时，如果选择第二个栏显示内容，则先选择第一个栏显示内容，然后再显示它的内容就无法使用第二个小节，无法返回到第一个或最后一个小节。

我尝试添加类“ show”，但没有成功。我在另一个div中使用过，但没有用。

    <div class="col-12 text-center">
        <h3 class="heading"> Portofolio </h3>
        <div class="heading-underline"></div>
    </div>

    <ul class="nav nav-tabs justify-content-center" id="myTab" role="tablist">
        <li class="nav-item">
            <a class="nav-link active" id="home-tab" data-toggle="tab" href="#home" role="tab" aria-controls="home" aria-selected="true">first</a>
        </li>
        <li class="nav-item">
            <a class="nav-link" id="profile-tab" data-toggle="tab" href="#profile" role="tab" aria-controls="profile" aria-selected="false">secound</a>
        </li>
        <li class="nav-item">
            <a class="nav-link" id="contact-tab" data-toggle="tab" href="#contact" role="tab" aria-controls="contact" aria-selected="false">last</a>
        </li>
    </ul>
    <div class="tab-content" id="myTabContent">
        <div class="tab-pane fade show active" id="homes" role="tabpanel" aria-labelledby="home-tab">...
        my first show
        <div class="tab-pane fade " id="profile" role="tabpanel" aria-labelledby="profile-tab">
            <p> my secound show here</p>

        </div>
        <div class="tab-pane fade " id="contactss" role="tabpanel" aria-labelledby="contact-tab"><p> my last show here </p></div>
    </div>

Answer 1

从div中删除渐变类。这是淡入淡出类的问题。我遇到了同样的问题，删除了淡入淡出类后，它工作正常。

Answer 2

最后一个标签的ID出现错别字，这就是为什么它不显示的原因。

这是您想要的吗？

 <template>
  <div class="hello">
    <div v-for="(section, index) in sections" :key="index">
      <p>{{section.name}}</p>
      <p>{{section.type}}</p>
    </div>
  </div>
</template>

<script>
export default {
  name: "HelloWorld",
  data() {
    return {
      sections: [
        {
          name: "scoop",
          type: "boulder"
        },
        {
          name: "pew pew",
          type: "roped"
        }
      ]
    };
  },
  props: ["sections"]
};
</script>

当我在引导程序中使用标签栏时，我无法返回至第一栏或其他栏

2 个答案: