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

<.>Recommandations associées :

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!