将 materializecss 从 0.100.1 升级到 1.0.0 会导致多个 javascript 错误答案

【问题标题】：Upgrading materializecss from 0.100.1 to 1.0.0 results in multiple javascript errors将 materializecss 从 0.100.1 升级到 1.0.0 会导致多个 javascript 错误
【发布时间】：2019-05-10 12:07:19
【问题描述】：

我正在尝试将我的 materializecss 从 0.100.1 升级到 1.0.0。我遵循upgrade guide 并将所有更改应用于我的代码，但我仍然面临多个 javascript 错误。在我们的应用程序中，我们使用的是 vue 2.6.10。

标签：
我们的标签是由一个 vue 组件渲染的：

<ul class="tabs timerange" id="timeTab" style="width: 90%">
    <input type="hidden" id="time" v-model="$parent.syncData.currentTime">
    <li style="width:75px; display: inline-block" v-bind:data-time="value"
        v-for="(value,key) in $parent.syncData.timeGrid"
        class="tab">
        <a class="text-black" v-bind:href="'#tab_'+key"
           v-on:click="$parent.setTime(value)">{{value}} h</a>
    </li>
</ul>

然后它们会在一个单独的 javascript 中使用 jquery 进行初始化：

$(document).ready(function() {
    $('#timeTab').tabs();
});

这会导致以下错误：我已经尝试在 vue 组件的 created() 和 updated() 回调中初始化它们，但没有成功。

下拉菜单：
对于下拉菜单，我收到以下错误：当我为下拉列表注释我的代码并将其替换为来自materializecss docs 的示例代码时，此错误是可重现的。

如何修复此类错误或从哪里开始调试？

【问题讨论】：

标签： javascript vue.js materialize

【解决方案1】：

我们在代码中有一些重复的初始化。还有一些是用jquery初始化的，有些不是。清理初始化并且只初始化一次组件而不使用 jquery 修复了错误。

materializecss 检查给定元素的实例是否已经存在，如果存在，它们将被销毁并重新初始化，但在销毁过程中我们得到了错误。

【讨论】：