Vue lädt die benutzerdefinierte JS-Dateimethode

Der unten stehende Editor wird Ihnen eine Methode zum Laden benutzerdefinierter JS-Dateien in Vue vorstellen. Sie hat einen guten Referenzwert und ich hoffe, dass sie für alle hilfreich ist. Folgen wir dem Editor und werfen wir einen Blick darauf.

Sie müssen das Popup-Fenster anpassen, wenn Sie an einem Projekt arbeiten. Ich habe gerade selbst eines geschrieben.

Rendering

Aufgetretene Probleme

So laden Sie eine benutzerdefinierte js-Datei

vue-pluginDas ist ein Muss. Dann habe ich es einfach selbst geschrieben.

export default{
 install(Vue){
  var tpl;
  // 弹出框
  Vue.prototype.showAlter = (title,msg) =>{
   var alterTpl = Vue.extend({  // 1、创建构造器，定义好提示信息的模板
     template: &#39;<p id="bg">&#39;
       + &#39;<p class="jfalter">&#39;
       + &#39;<p class="jfalter-title" id="title">&#39;+ title +&#39;</p>&#39;
       + &#39;<p class="jfalter-msg" id="message">&#39;+ msg +&#39;</p>&#39;
       + &#39;<p class="jfalter-btn" id="sureBtn" v-on:click="hideAlter">确定</p>&#39;
       + &#39;</p></p>&#39;
   });
   tpl = new alterTpl().$mount().$el; // 2、创建实例，挂载到文档以后的地方
   document.body.appendChild(tpl); 
  }
  Vue.mixin({
   methods: {
   hideAlter: function () {
    document.body.removeChild(tpl);
   }
   }
  })
 }
}

Verwenden Sie

import jFAltre from '../../assets/jfAletr.js';
import Vue from 'vue';
Vue.use(jFAltre);

this.showAlter('提示','服务器请求失败');

Das Obige habe ich für Sie zusammengestellt. Ich hoffe, es wird Ihnen in Zukunft hilfreich sein.

Verwandte Artikel:

Angular verwendet die Operationsereignisanweisung ng-click, um mehrere Parameter zu übergeben. Beispiel

Angular verwendet Filter Beispiel für die Groß-/Kleinschreibung-Implementierung der Funktion zur Umwandlung von Groß- und Kleinschreibung

Einführung in die Probleme und Unterschiede zwischen den Funktionen apply und Math.max() in js

Das obige ist der detaillierte Inhalt vonVue lädt die benutzerdefinierte JS-Dateimethode. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!