vue elementUI 使用el-select 時 change事件的觸發問題

  <el-select v-model="level" size="mini" placeholder="請選擇" :change="selectChange()">
        <el-option v-for="item in select" :key="item.value" :label="item.label" :value="item.value"></el-option>
      </el-select>

我們需要的是選擇之後才觸發，但是這樣寫你會發現，頁面初始化的時候會觸發多次，選擇之後又會觸發多次，原因是我們用錯了標籤，應該用 @change="selectChange()

  <el-select v-model="level" size="mini" placeholder="請選擇" @change="selectChange()">
        <el-option v-for="item in select" :key="item.value" :label="item.label" :value="item.value"></el-option>
      </el-select>

這樣寫就可以了，v-bind的縮寫是：，v-on的縮寫是@，這裏是觸發事件，應該用@,
原文：https://segmentfault.com/a/1190000018616289?utm_source=tag-newest