如何解决vue中layui报错问题_Vue.js

上一篇: .vue文件可以写注释吗下一篇:如何解决vue.js中文乱码问题

如何解决vue中layui报错问题

发布时间：2022-05-22 发布网站：脚本宝典

脚本宝典收集整理的这篇文章主要介绍了如何解决vue中layui报错问题，脚本宝典觉得挺不错的，现在分享给大家，也给大家做个参考。

vue中layui报错的解决办法：首先把layui文件放在static文件下；然后在html文件中用link和script标签的方式引入layui即可在vue中正常使用layui。

如何解决vue中layui报错问题

本教程操作环境：windows7系统、vue2.0版，DELL G3电脑。

【相关文章推荐：vue.js】

vue项目中使用npm安装引入layui时报错

在官网中我们可以看到他提到支持npm安装，但是当我们安装成功后，在main.js中引入时却报并不能找到该模块的错。

所以，我们先下载文件包，然后在html文件中用link和script标签的方式引入

下载的文件包必须放在static文件中

我尝试了把下载的文件夹放在与html文件的同级目录下和放在src目录下或者放在assets目录下，均报layui没有定义的错误

正确的使用姿势：

我们把文件放在static文件下，然后在html文件下引入，这样就可以在任意的组件中使用到layui这个对象了，这样我们就可以正确的使用layui里面的各种ui组件了

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <title>pm</title>
    <link type="text/css" rel="stylesheet" href="./static/layui/css/layui.css"/>
    <script type="text/javascript" src="./static/layui/layui.js"></script>
    <style type="text/css">
    body,html{
    margin:0;
    padding:1;
    }
    </style>
  </head>
  <body>
    <div id="app"></div>
    <!-- built files will be auto injected -->
  </body>
</html>

以上就是如何解决vue中layui报错问题的详细内容，更多请关注脚本宝典其它相关文章！

脚本宝典总结

以上是脚本宝典为你收集整理的如何解决vue中layui报错问题全部内容，希望文章能够帮你解决如何解决vue中layui报错问题所遇到的问题。

如果觉得脚本宝典网站内容还不错，欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。

标签：

上一篇: .vue文件可以写注释吗下一篇:如何解决vue.js中文乱码问题

猜你在找的Vue.js相关文章

uni-app的优点有哪些 2022-05-23
Vue-SuperSlide(SuperSlide component for Vue) 2019-05-07
基于vue2.0的weex实践（前端视角） 2019-05-07
手把手教你写 Vue UI 组件库@vue2.0 2019-05-07
解决vue报错Failed to mount component 2019-05-07
Vue学习笔记之vue-cli项目搭建及解析 2019-05-07
Vue.js—单元测试 2019-05-07
vue2.0脚手架的安装和项目搭建 2019-05-07
Vue经典开源项目汇总demo实例github下载教程 2018-12-04
使用Vue.js构建Wordpress Gutenberg块 2018-11-17