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

【问题标题】：materialize tab error, tab2 showing with tab1实现选项卡错误，tab2 与 tab1 一起显示
【发布时间】：2018-07-16 14:44:31
【问题描述】：

我在 vue.js 中使用 materialize 我有一个奇怪的错误

<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 的内容。

【问题讨论】：

标签： tabs materialize

【解决方案1】：

您忘记更改第二个<div> 的id 属性。你需要改变：

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

收件人：

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

【讨论】：

谢谢，我原来的 id 是“extra”，应该是“extras”
很高兴为您提供帮助，如果此答案或任何其他答案解决了您的问题，请将其标记为已接受。