vue3 vant 3 picker 动态选中值的注意点

vue 3 的ref变化

vue2 到 vue 3，ref用法发生了很大变化，如下：

在 .vue文件里的写法没有变化，主要是在引用的时候，发生了变化，要在 setup声明一个变量，变量名和html里的名字一致。但是在 setup里不能用，那个时机，还是个null，因为html都还没生成完毕。

vant 3 的 picker动态设定值

picker如果和sheet poup 一起搭配做弹出框的时候，就要注意了，因为一般情况，第一次加载html页面的时候，picker是不显示的，其html代码也是没有的，所以，当在动态设定值的时候，要判断其是否存在，如果存在就设置index，不存在，就设置default-index

发现使用setColumnValue，怎么着都不管用，使用 setColumnIndex管用。

网上能找到的，都是说vue3 的ref用法变了。也都是按照官网的思路说，设置setColumnValue，但是，都忽略了 一般情况picker是隐藏的，第一次生成html是没有它的。所以调用肯定是null了。所以特地记录一下。