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:http://bzwzjz.com/article/ceoode.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 成都网站建设 成都网站建设流程 手机网站制作 营销型网站建设 商城网站建设 成都网站设计 品牌网站建设 LED网站设计方案 成都网站设计 成都网站建设 企业网站设计 成都网站制作 四川成都网站建设 成都响应式网站建设公司 成都网站设计 成都定制网站建设 手机网站制作设计 营销型网站建设 手机网站制作 专业网站设计 重庆网站设计 成都网站制作