vue中select框初始化首次觸發change事件問題

vue中select框初始化首次觸發change事件問題

一、問題描述

通常我們的需求是改變 select 的選項才會觸發 change 事件，但是意料之外，頁面初始化的時候也會觸發 change 事件。

二、應用場景

進編輯頁初始化的時候對select賦值，又會觸發change事件。

期望：

進入編輯頁初始化賦值時不觸發change，手動選擇select時觸發change。

解決方法：

設置一個標志，根據標志決定執行那些方法。

data() {
  return {
    changeFlag: false
  }
},
methods: {
  changeDwmc(val) {
    if (this.changeFlag) {
      // 修改選項時操作
      this.form.city_id = '';
    } else {
      // 進入頁面時，頁面初始化             
      this.changeFlag = true;
    }
    // 其他共同操作
  }
}