Konfliktlösung zwischen dynamischer Darstellung des Laui-Formulars und vue.js (mit Code)

Der Inhalt dieses Artikels befasst sich mit der Konfliktlösungsmethode zwischen dem dynamischen Rendern von Laui-Formularen (mit Code). Ich hoffe, dass es Ihnen helfen wird .

Dieses Mal habe ich Lauii in Kombination mit vue.js verwendet, um ein Projekt zu erstellen. Ich habe festgestellt, dass die Seite keine Daten rendern konnte, wenn sich die gesendete Auswahl änderte und die Auswahl dynamisch gerendert wurde.
Ich habe in der Community einige Lösungen für den Konflikt zwischen Laui- und vue.js-Formularen gefunden. Hier ist eine sehr einfache Methode, nämlich die aktualisierte Hook-Funktion von vue.js zu verwenden
Der Code lautet wie folgt

methods: {
    getResponse (){
        let _this = this;
        axios.get(window.location.pathname)
            .then(function(res){
                if (res.status == 200){
                    _this.role_list = res.data.role_list;
                    //这里是从服务端请求拿到数据，不用理睬
                }
            })
            .catch(function (error) {
                console.log(error);
            });
    },
},
//下面是重点
updated: function () {
    this.$nextTick(function () {
       layui.use(['form'], function(){
           layui.form.render('select')
       });
    });
}

Natürlich ist das Szenario nicht dasselbe, die Schreibmethode kann auch unterschiedlich sein, z. B. die Überwachung der Auswahl überlayui.form usw., und dann ist auch das Rendern eine Lösung

Verwandt Empfehlungen:

Dynamisches Hinzufügen eines Dropdown-Auswahlfelds basierend auf dem Laui-Modul

So verwenden Sie Layim zum Initialisieren von Verlaufsdatensätzen (Code im Anhang)

Das obige ist der detaillierte Inhalt vonKonfliktlösung zwischen dynamischer Darstellung des Laui-Formulars und vue.js (mit Code). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!