picker 回调类型如何写

[tlerbao]

纯请教贴，刚入坑typescript，想写的严谨一点，标准一点，，不想写成anyscript ，借此贴希望可以举一反三，特来请教，总的来说就是下面这样的代码，怎么写比较标准，我这么写虽然不报错了，但是总感觉哪里不对。

<script lang="ts" setup>
import type { PickerOption, PickerConfirmEventParams } from 'vant'

// 首先picker 的columns，这么定义对吧。
let pickerData = $ref<PickerOption[]>([])

// 这个类型用来接收selectedOptions，不写string | number | undefined就会报错
type TQueryParams = {
  monthText: string | number | undefined
  brandText: string | number | undefined
  shopText: string | number | undefined
}
// 默认值
let queryParams = $ref<TQueryParams>({
  monthText: '全年',
  brandText: '全部品牌',
  shopText: '全部门店'
})

// 这里onConfirm = 的类型 PickerConfirmEventParams这么用对吗
const onConfirm = ({ selectedOptions, selectedValues }: PickerConfirmEventParams) => {
  queryParams = {
    // 这里由于可能是undefinded，所以加了叹号，也不知道好不好。
    monthText: selectedOptions[0]!.text,
    brandText: selectedOptions[1]!.text,
    shopText: selectedOptions[2]!.text
  }
  emits('onConfirm', selectedValues)
  showPicker = false
}
</script>

<template>
<van-picker :columns="pickerData" @cancel="onCancel" @confirm="onConfirm" />
</template>

[wjw-gavin]

我是这么写的

[tlerbao]

@wjw-gavin 吓我一跳，乍一看这不是我的代码吗，哈哈。小哥的意思是，如果是你你会这么写实吗。突然入坑ts也不知道最佳实践，总感觉这么写很麻烦，而且很冗余，

// queryParams 不定义类型，直接让vue去推到，也是string类型，这样是不是省事点
let queryParams = $ref({
  monthText: '全年',
  brandText: '全部品牌',
  shopText: '全部门店'
})
//...some code
// 下面直接给any 也不用!也不用 as string了，但是是不是变成anyscript了哈哈
const onConfirm = ({ selectedOptions, selectedValues }:any) => {
//....

[wjw-gavin]

我也是上手不久，平常也是抽空看些优秀的开源项目，学习人家是怎么写的，也是皮毛。😂