首页 文章

实现选项卡错误,tab2显示tab1

提问于
浏览
0

我正在使用物理化与vue.js我有一个奇怪的错误

<div class="row">
<form class="col s12">
<ul class="tabs tabs-fixed-width">
      <li class="tab col s3"><a class="active" href="#main">Main</a></li>
      <li class="tab col s3"><a  href="#extra">Extra</a></li>
</ul>
<div id="main" class="col">Main</div>
<div id="main" class="col">Extra</div>
</form>
</div>

当我在tab2上输入时,它显示tab2,但当我在tab1上输入时,它也显示了tab2的内容 .

1 回答

  • 0

    您忘了更改第二个 <div>id 属性 . 你需要改变:

    <div id="main" class="col">Extra</div>
    

    至:

    <div id="extra" class="col">Extra</div>
    

相关问题