vant之 cell+picker+ popup 的踩坑

需求就是完善个人资料的时候 进行性别的选择，用到了van-picker +van-popup 的组合

同时为了显示性别：男/女 ，用到了van-cell 

错误写法：把van-popup  写在了van-cell 里面的部分，

导致的现象： 选择完之后页面的其他模块都点不了。不管我点哪里 都弹出 选择性别的框。

正确写法

<van-cell title="性别" is-link clickable bind:click="showSex"><view>{{userInfo.gender==0?"男":"女"}}</view>
</van-cell><van-popup round position="bottom" show="{{ showpicker }}" bind:close="closeSex"><van-picker show-toolbar columns="{{ sexes }}" bind:confirm="onChangeSex" bind:cancel="closeSex" /></van-popup>

不得不吐槽：

我Ai +百度 了各个地方 都没发现大家有提交这个bug！！！我是有多笨啊！

我想上gitee 反馈这个issue ，结果提交的问题说我有违规内容。。。。

于是我只能靠自己 fixed 这个bug！于是我就把 picker先删掉。然后 准备直接用popup实现选择功能。然后我发现问题出在popup上面。于是我就一顿操作 。。。。我成为了那个二百五！

事实证明：

popup 不要写在cell里面。容易出bug