//先在你需要的頁面中引入，第一個是彈出層,第二個是選擇的
 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" >
   <ul class="right-content">
   <li v-for="(item,index) in policeList" :key="index"  :class="{active:policeCode==item.policeCode}" @click="onItemClick(item.policeName,item.policeCode)"> {{item.policeName}} </li>
   </ul>
  </template>
  </van-tree-select>
  <div class="btn" @click="onPoliceClick">完成</div>
 </van-popup>

//這是我的后臺傳過來的數(shù)據(jù),我將這個數(shù)據(jù)加到items里面去，左側的數(shù)據(jù)將就展示出來了，注意這里是循環(huán)的數(shù)據(jù)，我為了簡單這么寫了，還有items中的key盡量用text，要不會渲染不上，在picker上面是有個value-key去改變的，這一會兒在下一篇文章中講
{
 "code": 200,
 "message": "success",
 "data": [
  {
   "substationCode": "1101010000",
   "substationName": "東城區(qū)分局"
  },
  {
   "substationCode": "100002",
   "substationName": "昌平區(qū)分局"
  },
  {
   "substationCode": "100003",
   "substationName": "海淀區(qū)分局"
  },
  {
   "substationCode": "100001003",
   "substationName": "海淀區(qū)分局"
  },
  {
   "substationCode": "1010101",
   "substationName": "昌平區(qū)分局"
  },
  {
   "substationCode": "1010101\t",
   "substationName": "111"
  },
  {
   "substationCode": "1000021",
   "substationName": "測試重復分局"
  },
  {
   "substationCode": "12223",
   "substationName": "河北分局"
  }
 ]
}
  this.items.push({
    activeId:substationCode,
    text:substationName
  })

 @click-nav代碼部分已經(jīng)寫了
 onNavClick(index) {
  console.log(index) 
  let substationCode = this.items[index].activeId //這是我們通過index獲取到當前點擊的值
  this.requestPoliceList(substationCode) //這是請求右側列表的請求通過activeId去請求。
 },