vue.js - element-ui级联选择框在编辑的时候如何不触发change事件？

问题描述

问 题

现在有这样一个场景，点击编辑按钮之后，跳转到编辑页面，该编辑页面有一个级联select组件，我写了一个demo模拟这个场景 https://jsfiddle.net/Irene_Ta...

Q1. 点击编辑之后，会给级联select框设置初始值，当给第一个select框设置初始值的时候会触发它的change事件，从而导致第二个select框的初始值没有设置成功，但是，当用户手动选择第一个select的时候，又确实需要将第二个选择框的值设为空，这种情况该怎么破？

解决方案

 edit () {
        this.value1 = '零食'
        this.$nextTick(function(){
                 this.value2 = '瓜子'
        });
     },

https://jsfiddle.net/rqhwp65q...

这篇关于vue.js - element-ui级联选择框在编辑的时候如何不触发change事件？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！