首頁 > web前端 > Vue.js > 在vue中怎麼使用layui

在vue中怎麼使用layui

coldplay.xixi
發布: 2020-12-17 14:47:31
原創
5506 人瀏覽過

在vue中使用layui的方法:先把layui對應的包放在static資料夾下;然後在【index.html】中直接引入【layui.js】和【layui.css】;最後在vue元件中的created勾子函數中寫入相關程式碼。

在vue中怎麼使用layui

本教學操作環境:windows7系統、Vue2.9.6&&layui2.5.4版,此方法適用於所有品牌電腦。

【相關文章推薦:vue.js

#在vue中使用layui的方法:

1.把layui對應的套件放在static資料夾下,所以就直接放在了static下

在vue中怎麼使用layui

2、在index.html中直接引入layui.js和layui.css

在vue中怎麼使用layui

3、在vue元件中的created勾子函數中寫入如下程式碼

  created(){
    const _this = this;
    layui.use(['layer'],function(){
      _this.layer = layui.layer,
      this.layer.msg('hello');
    })
  }
登入後複製

在vue中怎麼使用layui

相關免費學習推薦:javascript學習教學

#

以上是在vue中怎麼使用layui的詳細內容。更多資訊請關注PHP中文網其他相關文章!

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