Résolution de conflits entre le rendu dynamique du formulaire layui et vue.js (avec code)

Le contenu de cet article concerne la méthode de résolution des conflits entre le rendu dynamique du formulaire layui et vue.js (avec code). Il a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer. .

Cette fois, j'ai utilisé layui combiné avec vue.js pour réaliser un projet. J'ai découvert que dans le formulaire, si la sélection envoyait des modifications et rendait dynamiquement la sélection, j'ai constaté que la page ne pouvait pas restituer les données.
J'ai trouvé quelques solutions au conflit entre les formulaires layui et vue.js dans la communauté. Voici une méthode très simple, qui consiste à utiliser la fonction hook de vue.js mise à jour
Le code est le suivant

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')
       });
    });
}

Bien sûr, les scénarios sont différents, et les méthodes d'écriture peuvent également être différentes. Par exemple, écouter la sélection via layui.form, etc., puis le rendu est également une solution

<.>Recommandations associées :

Ajout dynamique d'une sélection déroulante basée sur le module layui Frame

Comment utiliser layim pour initialiser les enregistrements d'historique (avec code)

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!