1. 程式人生 > 其它 >element-ui的change方法傳遞引數

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)
      }
},