HTML原生不支持多列联动picker，需JS手动控制；微信小程序需在columnchange回调中用带路径setData更新range；Vant需用$set替换columns；bindMultiPickerChange用于提交，bindMultiPickerColumnChange专用于联动。
多列联动 picker 在 HTML 中原生不支持，必须靠 JS 手动控制列间依赖关系。直接用 <select multiple> 或原生 <input type="date"> 都做不到“选 A 列后 B 列选项动态变”，得自己搭逻辑。
微信小程序 multiSelector 的 columnchange 事件怎么触发才有效
很多人写完 bindcolumnchange 却发现第一列换了、第二列没更新——根本原因是没在事件回调里主动调用 setData 更新 range 对应的列数组。
-
bindcolumnchange只告诉你“哪一列变了、值是多少”，不自动刷新其他列数据 - 必须手动读取当前第一列选中项（
this.data.multiArray[0][e.detail.value]），再生成第二列新数组 - 更新时要用带路径的
setData({'multiArray[1]': newValues})，不能只传multiArray全量重设，否则会重置已选索引 - 首次加载也要手动调用一次初始化函数（比如
onLoad里跑initSecondColumnData），否则第二列是空数组
Vant 的 Picker columns 对象数组怎么配多级联动
Vant 的 columns 支持对象数组，但“联动”仍需手写逻辑：它只负责渲染，不感知列间关系。
- 第一列用
{ values: ['标题创作', '社媒文案'], defaultIndex: 0 }，第二列初始可设为空数组{ values: [] } - 监听
@change事件，判断index === 0时，根据value查表生成新values数组 - 再调用
this.$set(this.columns, 1, { values: newValues })替换第二列配置（直接赋值不会触发响应式更新） - 注意：
@change是滚动停止后触发，而用户快速滑动时可能触发多次，建议加防抖或只在确认后更新
小程序 bindMultiPickerChange 和 bindMultiPickerColumnChange 的区别
这两个事件触发时机和用途完全不同，混用会导致状态错乱。
立即学习“前端免费学习笔记（深入）”；
-
bindMultiPickerChange：用户点“确定”后才触发，e.detail.value是最终各列索引组成的数组，适合提交保存 -
bindMultiPickerColumnChange：只要某一列滚动停住就立刻触发（哪怕没点确定），e.detail.column告诉你第几列、e.detail.value是该列当前选中索引，专用于联动更新其他列 - 别在
bindMultiPickerChange里改range，此时 picker 已关闭，改了也看不见；所有联动逻辑必须塞进bindMultiPickerColumnChange - 如果第一列有默认值（比如
multiIndex: [0, 0]），首次进入时第二列必须同步初始化，否则显示为空
最易被忽略的是：所有联动都依赖「当前选中值 → 下一级数据」的映射表是否完备。漏掉一个 case（比如 switch 里缺 default），第二列就会变空，且控制台不报错。建议把映射逻辑抽成纯函数，单元测试覆盖所有输入分支。
