实现选项卡错误，tab2与tab1一起显示

Question

我正在与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的内容。

Answer 1

您忘记更改第二个id的{​​{1}}属性。您需要更改：

<div>

收件人：

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