1,首先在官网下载对应的文件;
下载链接:https://www.layui.com/
当然你也可以常识其他的方式:这里有链接,可以自行尝试:https://www.layui.com/doc/
2,把解压后的文件放到static目录中
3,在html入口也引入相应的文件。
这里是代码:
<link type="text/css" rel="stylesheet" href="./static/layui/css/layui.css"/>
<script type="text/javascript" src="./static/layui/layui.js"></script>
4,这时候就可以使用了哦!开不开心,激不激动,嘿嘿!
这是我在组件内的使用情况:
<template>
<div>
<ul class="layui-nav" lay-filter="">
<li class="layui-nav-item"><a href="">最新活动</a></li>
<li class="layui-nav-item layui-this"><a href="">产品</a></li>
<li class="layui-nav-item"><a href="">大数据</a></li>
<li class="layui-nav-item">
<a href="javascript:;">解决方案</a>
<dl class="layui-nav-child"> <!-- 二级菜单 -->
<dd><a href="">移动模块</a></dd>
<dd><a href="">后台模版</a></dd>
<dd><a href="">电商平台</a></dd>
</dl>
</li>
<li class="layui-nav-item"><a href="">社区</a></li>
</ul>
</div>
</template>
<script>
export default {
name: "nav",
mounted(){
layui.use('element', function(){
var element = layui.element
})
},
methods: {}
}
</script>
<style scoped>
</style>
快来看一下效果吧,成功了哦!(▽)