首頁 > web前端 > Vue.js > 如何解決vue中layui報錯問題

如何解決vue中layui報錯問題

藏色散人
發布: 2023-01-13 00:45:06
原創
2693 人瀏覽過

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報錯問題的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板