Rumah > Artikel > hujung hadapan web > 如何解决vue中layui报错问题
如何解决vue中layui报错问题
- 藏色散人asal
- 2021-01-14 10:26:022642semak imbas
vue中layui报错的解决办法：首先把layui文件放在static文件下；然后在html文件中用link和script标签的方式引入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>Atas ialah kandungan terperinci 如何解决vue中layui报错问题. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：如何解决vue.js中文乱码问题Artikel seterusnya：.vue文件可以写注释吗