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中文網其他相關文章!