vue中如何使用layui-创新互联

这篇文章主要介绍vue中如何使用layui，文中介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们一定要看完！

创新互联长期为上千多家客户提供的网站建设服务，团队从业经验10年，关注不同地域、不同群体，并针对不同对象提供差异化的产品和服务；打造开放共赢平台，与合作伙伴共同营造健康的互联网生态环境。为玛纳斯企业提供专业的成都网站建设、成都做网站，玛纳斯网站改版等技术服务。拥有十余年丰富建站经验和众多成功案例,为您定制开发。

在vue中使用layui的方法：首先把layui对应的包放在static文件夹下；然后在【index.html】中直接引入【layui.js】和【layui.css】；最后在vue组件中的created勾子函数中写入相关代码。

在vue中使用layui的方法：

1、把layui对应的包放在static文件夹下，所以就直接放在了static下

vue中如何使用layui

2、在index.html中直接引入layui.js和layui.css

vue中如何使用layui

3、在vue组件中的created勾子函数中写入如下代码

  created(){
    const _this = this;
    layui.use(['layer'],function(){
      _this.layer = layui.layer,
      this.layer.msg('hello');
    })
  }

vue中如何使用layui

以上是“vue中如何使用layui”这篇文章的所有内容，感谢各位的阅读！希望分享的内容对大家有帮助，更多相关知识，欢迎关注创新互联行业资讯频道！

网站标题：vue中如何使用layui-创新互联
URL地址：https://www.cdcxhl.com/article14/ceoode.html

成都网站建设公司_创新互联，为您提供做网站、移动网站建设、手机网站建设、响应式网站、Google、App开发

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容