全国服务热线:4008-888-888

公司新闻

小程序流程周榜_在vue中使用vant TreeSelect分类选择

在vue中使用vant TreeSelect分类选择组件操作     °   这篇文章主要介绍了在vue中使用vant TreeSelect分类选择组件操作,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧

中文文档:

效果展示:

 //先在你需要的页面中引入,第一个是弹出层,第二个是选择的
 import { Popup } from "vant";
 import { TreeSelect } from "vant";

代码部分:

 van-popup v-model="policeShow" position="top" :overlay="true" 
 van-tree-select
 :items="items"
 :active-id.sync="items.activeId"
 :main-active-index.sync="items.activeId"
 @click-nav="onNavClick" 
 template slot="content" 
 li v-for="(item,index) in policeList" :key="index" : @click="onItemClick(item.policeName,item.policeCode)" {{item.policeName}} /li 
 /ul 
 /template 
 /van-tree-select 
 div @click="onPoliceClick" 完成 /div 
 /van-popup 

现在我来解析我的业务逻辑,希望对你能有帮助:

1.首先:items,是个数组,我们需要给它传个数组过去,用来展示左侧的数据

//这是我的后台传过来的数据,我将这个数据加到items里面去,左侧的数据将就展示出来了,注意这里是循环的数据,我为了简单这么写了,还有items中的key尽量用text,要不会渲染不上,在picker上面是有个value-key去改变的,这一会儿在

                        


在线客服

关闭

客户服务热线
4008-888-888


点击这里给我发消息 在线客服

点击这里给我发消息 在线客服