element-ui的change方法傳遞參數


在官網可以看到,input、select等標簽,當綁定值變化時,就會觸發chenge方法,默認里面傳遞的是更新后的值。使用radio為例說明:

1)不傳遞參數

<el-radio @change="getValue" label="1" v-model="sex">男</el-radio> 
<el-radio @change="getValue" label="2" v-model="sex">女</el-radio> 


data() {
      return { sex:'' } }, methods: { getValue(event){ console.log("更新后的值:"+event) } },

2)傳遞參數

如果需要給其傳遞參數,那就需要把事件對象和參數一起傳遞。change($event,params)

<el-radio @change="getValue($event,1)" label="1" v-model="sex">男</el-radio> 
<el-radio @change="getValue($event,2)" label="2" v-model="sex">女</el-radio> 


data() {
      return { sex:'' } }, methods: { getValue(event,param){ console.log("更新后的值:"+event) console.log("傳遞的參數:"+param) } },


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM