小程序流程周榜_在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去改变的，这一会儿在