iview+Vue 知識整理(持續補充)

1、iview組件事件額外傳參

     在使用iview的組件時,希望在其定義的某個鉤子事件處理函數中傳遞一個額外參數,同時又不影響該鉤子事件默認的返回值,以iview中Select 組件爲例,on-open-change事件是有默認返回值event,保留event返回值的情況下,額外傳遞一個id參數,$event參數即表示on-open-change默認返回的參數,寫法如下:


<Select v-model="searchDevType"
              style="width:180px;margin-right:10px"
              placeholder="設備類型"
              clearable
              transfer
              @on-open-change="search_open_change('devType',$event)"
              @on-clear="select_clear_event('devType')">
        <Option v-for="(item,index) in devTypeDataList"
                :value="item.value"
                :key="index">{{item.label}}</Option>
      </Select>


methods:{
	search_open_change(id, event){
		console.log(id, event);
	}
}


 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章