element-UI 组件的事件中传递自定义参数

1,529 阅读1分钟
<template>
  <div>
           <el-select v-for="item in searchlist"   @change="changedowith(arguments,item)"  v-model="item.value" :key="item.key"  placeholder="请选择">
                <el-option
                  v-for="item in item.options"
                  :key="item.value"
                  :label="item.label"
                  :value="item.value"
                  >
                </el-option>
              </el-select>
  </div>
</template>
<script>
export default {
  name:'sub-module-1',
  data() {
    return {
      queryparam:{},
      searchlist:[
        {
          key:'code',
          type:'select',
          options:[
            {
              value: 'B0002828822',
              label: '产品一'
            }
          ],
          value:''
        },
        {
          key:'type',
          type:'select',
          options:[
            {
              value: '1',
              label: '顶级'
            },
            {
               value: '2',
               label: '良好'
            }

          ]
        }
      ]
    }
  },
  methods:{
    ///param是组件change返回值
     changedowith(param,itemdata){
       let result=[...param];
       this.queryparam[itemdata.key]=result[0];
       
     }
  },
  mounted(){
      
  },
}
</script>