ホームページ  >  記事  >  ウェブフロントエンド  >  vueでlayuiを使う方法

vueでlayuiを使う方法

coldplay.xixi
coldplay.xixiオリジナル
2020-12-17 14:47:315478ブラウズ

vue でlayui を使用する方法: まず、layui に対応するパッケージを静的フォルダーに配置し、次に [index.html] に [layui.js] と [layui.css] を直接導入し、最後に関連するコードを記述しますvueコンポーネント内に作成されたフック関数内。

vueでlayuiを使う方法

このチュートリアルの動作環境: Windows7 システム、Vue2.9.6&&layui2.5.4 バージョン この方法は、すべてのブランドのコンピューターに適しています。

[関連記事の推奨: vue.js]

vue でのlayuiの使用方法:

1 .layuiに相当するパッケージをstaticフォルダ配下に置くので、static

vueでlayuiを使う方法

2の直下に置きます。layui.jsとlayui.css

vueでlayuiを使う方法を直接導入します。

3. vue コンポーネントで作成したフック関数に次のコードを記述します

  created(){
    const _this = this;
    layui.use(['layer'],function(){
      _this.layer = layui.layer,
      this.layer.msg('hello');
    })
  }
vueでlayuiを使う方法

関連する無料学習の推奨事項: JavaScript 学習チュートリアル

###

以上がvueでlayuiを使う方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。