vue项⽬中Element库的组件el-select的change事件触发问题问题描述：通常我们的需求是改变 select 的选项才会触发 change 事件，但是意料之外，页⾯初始化的时候也会触发 change 事件。
应⽤场景：例如新增/编辑页，页⾯有个⼆级联动的下拉，eg: xx 省、xx 市。省与市都有值的情况下编辑省就会清空市，但是进编辑页的时候，理想情况下，省和市都应该有值。但是由于编辑省的时候change事件中将市给清空了，⽽进编辑页初始化的时候⼜会默认调change事件，所以进编辑页的时候市的值就为空了。
期望：进⼊编辑页的时候省与市都有值，编辑省的时候将市清空。
解决⽅法：设置⼀个标志，根据标志决定执⾏那些⽅法。若页⾯初始化时不需要调⽤市的下拉列表，则可以将change时间单独写⼊⼀个⽅法，在另⼀个⽅法中进⾏调⽤。
vue element admin
data() {
return {
changeFlag: false
}
},
methods: {
changeDwmc(val) {
if (this.changeFlag) {
// 修改选项时操作
this.form.city_id = '';
} else {
// 进⼊页⾯时，页⾯初始化
this.changeFlag = true;
}
// 其他共同操作
}
}

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。