vue-cli如何引入layui?

vue-cli如何引入layui?下面本篇文章给大家介绍一下vue-cli3.0 引入layui的方法。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。

vue-cli3.0 引入layui

1、官网下载layui

官网地址:https://www.layui.com/

2、在public/index.html中引入

注意:下载的layui应该放在public文件夹下

1.png

代码:

<link rel="stylesheet" type="text/css" href="./layui/css/layui.css">
<script type="text/javascript" src="./layui/layui.js"></script>

3、在需要用到layui的地方使用它,下面代码将会在页面中出现一个弹出层

mounted() {
  window.layui.use('layer', function () {
    const layer = window.layui.layer
    layer.msg('hello')
  })
}

更多web前端自学知识,请查阅 HTML中文网 !!

以上就是vue-cli如何引入layui?的详细内容,更多请关注web前端其它相关文章!

赞(0) 打赏
未经允许不得转载:web前端首页 » Vue.js 答疑

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

前端开发相关广告投放 更专业 更精准

联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏