uniapp中使用uview2.0组件库多个u-picker 选择器如何确定点的是哪个

在UniApp中使用UView 2.0组件库中的`u-picker`选择器时，如果你需要确定用户点击的是哪一个`u-picker`，你可以通过给每个`u-picker`设置唯一标识（如`ref`属性），然后在相应的事件处理器函数中获取选中的值。

例如，你可以这样做：

<u-picker ref="picker1" :data="pickerData1"></u-picker>
<u-picker ref="picker2" :data="pickerData2"></u-picker>

<script setup>
import { ref } from 'vue';
const picker1 = ref();
const picker2 = ref();

// 事件处理函数示例，这里假设`@on-change`是u-picker的选择改变事件
function handleChange(e) {
  if (e.target.ref === 'picker1') {
    console.log('用户选择了 picker1:', e.detail.value);
  } else if (e.target.ref === 'picker2') {
    console.log('用户选择了 picker2:', e.detail.value);
  }
}

// 初始化数据和监听事件
const pickerData1 = ...;
const pickerData2 = ...;

// 绑定事件
picker1.value.$on('on-change', handleChange);
picker2.value.$on('on-change', handleChange);
</script>

在这个例子中，当用户在`u-picker1`或`u-picker2`上做出选择时，对应的`handleChange`函数会被触发，并打印出相应选择器的值。