<template>
<sweet-select
v-model="values[key].value1"
:value-key="`${item.value}-1`"
placeholder="指标"
@change="getCurValue(key, 0, $event)" <!-- 注意这里,我们直接调用方法并传递 $event -->
>
<sweet-option
v-for="item1 in item.data.select1.options"
:key="item1.value"
:label="item1.label"
:value="item1.value"
/>
</sweet-select>
</template>
<script>
export default {
data() {
return {
values: {}, // 假设你已经正确初始化了这个对象和它的键
key: 'someKey', // 假设这是你从某个地方获取的键
item: { // 假设这是你从某个地方获取的数据对象
value: 'someValue',
data: {
select1: {
options: [/* ...选项列表... */],
},
},
},
};
},
methods: {
getCurValue(key, index, newValue) {
// 在这里,key 是你传递的键
// index 是你传递的索引值,这里是 0
// newValue 是 $event 的值,也就是 sweet-select 变化后的值
console.log('Key:', key);
console.log('Index:', index);
console.log('New Value:', newValue); // 这是 sweet-select 组件变化后的值
// 你可以在这里使用这些值做你需要的操作
},
},
};
</script>
直接在change事件里传入自己想传入的参数,并且传入$event字段,即可获得