鍍金池/ 問(wèn)答/HTML/ element-ui 點(diǎn)擊編輯彈出dialog組件中select組件綁定值改變,

element-ui 點(diǎn)擊編輯彈出dialog組件中select組件綁定值改變,但是不觸發(fā)change事件

點(diǎn)擊編輯彈出dialog框,然后給里面select綁定的值賦值,想通過(guò)觸發(fā)change事件然后根據(jù)這個(gè)select框綁定的值獲取下一個(gè)select框option需要的值,但是不觸發(fā)change事件

代碼如下
vue:

            <el-table-column label="操作">
                <template slot-scope="scope">
                    <div>
                        <el-button type="text" @click="showStationM(scope.row.id,scope.row)">編輯</el-button>
              
                    </div>
                </template>
            </el-table-column>

<el-dialog :title="addEditSubTitle" :visible.sync="showStationFlag" :close-on-click-modal="false">
        <el-form :model="addEditForm" ref="addEditForm" :label-width="w100" :rules="rules" class="dialog-form">
            <el-form-item label="demo" prop="stationID" class="el-item-250">
                <el-select v-model="addEditForm.stationID" @change="getAirChange" :disabled='isEdit' :size="inputSize">
                    <el-option :value="item.code+''" :label="item.name" v-for="item in stationProp"></el-option>
                </el-select>
            </el-form-item>
            <el-form-item label="demo1" prop="roomId" class="el-item-250">
                <el-select v-model="addEditForm.roomId" :size="inputSize">
                    <el-option :value="item.code+''" :label="item.name" v-for="item in airStationChange"></el-option>
                </el-select>
            </el-form-item>
</el-dialog>
    
 
  
  

js:

showStationM(id,row){
        this.showStationFlag = true;
        this.addEditForm.stationID = "";                           
        this.$nextTick(()=>{
            this.addEditForm.stationID = row.stationID;
        })
}

代碼如上,為什么不觸發(fā)change事件呢。

回答
編輯回答
心沉

clipboard.png
在git的issue上找到了原因,表單組件的change事件和Pagination的current-change事件現(xiàn)在僅響應(yīng)用戶(hù)交互。1.x的版本是可以觸發(fā)的,因?yàn)樯?jí)了2.x所以有這個(gè)問(wèn)題了

2017年8月16日 23:15
編輯回答
懶豬

這里面是解決方案http://www.cnblogs.com/liujia...

2018年1月29日 03:23