Element-ui组件中change方法如何传多个参数

Love The Way You Lie 2023-01-15 12:30 157阅读 0赞

# Select #

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3d6X2NvbWluZw_size_16_color_FFFFFF_t_70][]

子组件

<el-select 
      v-model="model" 
      :placeholder="`请选择${placeholder}`" 
      :size="size"
      @change="selectChange($event, item.code)"
      >
      <el-option
        v-for="option in item.options"
        :key="option.value"
        :label="option.label"
        :value="option.value">
      </el-option>
    </el-select>
    
    
    private selectChange(value: any, code: any) {
       this.$emit('selectChange', value, code)
    }

父组件

<father-select @selectChange="selectChange(arguments)"></father-select>
    
    public selectChange(arr: any) {
      console.log(arr)
    }

![20210422174903429.png][]

# Cascader  #

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3d6X2NvbWluZw_size_16_color_FFFFFF_t_70 1][]

<el-cascader
      clearable
      :show-all-levels="false"
      v-model="data"
      :options="options"
      size="small"
      placeholder="请选择"
      :props="{ expandTrigger: 'hover' }"
      @change="handleChange($event,'aa','bb')"
    ></el-cascader>
    
    private handleChange(value: any, aa: any, bb: any) {
        console.log(value);
        console.log(aa);
        console.log(bb);
    }

![20210423163200671.png][]

[js中arguments到底是什么？如何使用][js_arguments]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3d6X2NvbWluZw_size_16_color_FFFFFF_t_70]: /images/20221022/888857fe71834040bd2204804b597041.png
[20210422174903429.png]: /images/20221022/cfc7e20b4dc14ef798d3e7139643bcdf.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3d6X2NvbWluZw_size_16_color_FFFFFF_t_70 1]: /images/20221022/f510cdf9c3da4a688732e3dd5e0982be.png
[20210423163200671.png]: /images/20221022/d5417ef4d45248969c49cccb16611098.png
[js_arguments]: https://blog.csdn.net/wz_coming/article/details/116521214