Maison  >  Article  >  interface Web  >  Comment utiliser layui dans vue

Comment utiliser layui dans vue

coldplay.xixi
coldplay.xixioriginal
2020-12-17 14:47:315501parcourir

Comment utiliser layui dans Vue : placez d'abord le package correspondant à layui sous le dossier statique ; puis introduisez directement [layui.js] et [layui.css] dans [index.html] ; dans la fonction hook créée dans le composant vue.

Comment utiliser layui dans vue

L'environnement d'exploitation de ce tutoriel : système windows7, version Vue2.9.6&&layui2.5.4 Cette méthode convient à toutes les marques d'ordinateurs.

[Recommandations d'articles connexes : vue.js]

Comment utiliser layui dans vue :

1 . Mettez le package correspondant à layui sous le dossier static, donc mettez-le directement sous static

Comment utiliser layui dans vue

2. Introduisez directement layui.js et layui.css

. Comment utiliser layui dans vue

3. Écrivez le code suivant dans la fonction hook créée dans le composant vue

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

Comment utiliser layui dans vue

Recommandations d'apprentissage gratuites associées. : Tutoriel d'apprentissage du javascript

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn