最近在弄vant-picker多列选择职业分类且联动的效果,出现的问题:点击确定后,再次选择职业,picker选择器并未选中之前的选择项,而且还错位了;点击取消按钮也是出现同种现象。
代码如下:
<van-cell title="底部弹出" is-link @click="showBottom" />
<van-popup
:show="bottom"
position="bottom"
custom-style="height: 80%"
@close="hideBottom"
>
<van-picker id="picker1" :columns="columns" @change="onChange" value-key="name" @confirm="getValue" show-toolbar @cancel="getValue"/>
</van-popup>
设置职业数组,也可通过后台接口获取职业分类数组
const addrData = [
{
id: 1,
name: '一级职业',
children: [
{
id: 11,
name: '二级职业1',
children: [
{id: 111, name: '三级职业1'},
{id: 112, name: '三级职业2'},
{id: 113