网站建设资讯

NEWS

网站建设资讯

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-创新互联
网站地址:http://njwzjz.com/article/ceoode.html