Vue.js 如何在nuxt.js中使用MaterializeCSS CDN？

我想在导航栏中使用“下拉”css，所以我创建了一个组件； 以下是标题组件：

首先，您需要一个按钮/链接来打开第一个下拉列表。（注意“数据目标”-属性）

---

参见

最后，它起作用了。我在mount（）函数中添加了初始化， 这是密码

mounted（）{
$（'.dropdown按钮'）。下拉列表({
硬结：300，
逾时：225，
constraintWidth:true，//不会将下拉列表的宽度更改为激活器的宽度
悬停：true，//悬停时激活
边沟：0，//与边的间距
belowOrigin:true，//在按钮下方显示下拉列表
对齐：“left”，//显示下拉列表，边缘与按钮左侧对齐
stopPropagation:false//停止事件传播
}
);
}

<!-- Dropdown Trigger -->
<a class='dropdown-trigger btn' href='#' data-target='dropdown1'>Drop Me!</a>

<!-- Dropdown Structure -->
<ul id='dropdown1' class='dropdown-content'>
    <li><a href="#!">one</a></li>
    <li><a href="#!">two</a></li>
    <li class="divider" tabindex="-1"></li>
    <li><a href="#!">three</a></li>
    <li><a href="#!"><i class="material-icons">view_module</i>four</a></li>
    <li><a href="#!"><i class="material-icons">cloud</i>five</a></li>
</ul>

$('.dropdown-trigger').dropdown();