u-picker实现小程序多列模式与多列联动

html

<u-picker :loading="siteLoading" :columns="columns" @change="changeHandler" @confirm="pickConfirm"
@cancel="pickCancel"></u-picker>

js

const siteLoading = ref<boolean>(false)
const columnData = reactive(['二级'])
let columns = reactive([
	['室内', '区域', '户外'],
	[]
]);
const changeHandler = (e) => {
		const {
			columnIndex,
			index
		} = e;
		if (columnIndex === 0) {
			siteLoading.value = true;
			setTimeout(() => {
				columns[1] = columnData[index]
				siteLoading.value = false;
			}, 200);
		}
	};