如何解決vue中layui報錯問題
- 藏色散人原創
- 2021-01-14 10:26:022655瀏覽
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>以上是如何解決vue中layui報錯問題的詳細內容。更多資訊請關注PHP中文網其他相關文章！
陳述：
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn
上一篇：如何解決vue.js中文亂碼問題下一篇：如何解決vue.js中文亂碼問題