vue select框初始化首次触发change事件问题
问题描述:
通常我们的需求是改变 select 的选项才会触发 change 事件,但是意料之外,页面初始化的时候也会触发 change 事件。
应用场景:
编辑时原本选择框初始化值为空,将数据赋值后触发change事件。
解决方案:
data() { return { changeFlag: false } }, methods: { changeDwmc(val) { if (this.changeFlag) { // 修改选项时操作 this.form.city_id = ''; } else { // 进入页面时,页面初始化 this.changeFlag = true; } // 其他共同操作 } }
有时触发change,有时不触发的原因:
是由于表单的外层嵌套了v-if,嵌套就不会触发change事件。(暂未解决)