V-distpicker有用3つの連結プラグ

 

//引入插件
 NPM V-distpickerをインストールする- 保存

から輸入VDistpickerを 'V-distpicker' 

Vue.component（ 'V-distpicker'、VDistpicker）

< テンプレート> 
    < @ V-distpicker 選択= "onSelected"> </ V-distpicker> 
< テンプレート> 
 //配置のプレースホルダ

：プレースホルダ= "プレースホルダ" 

データ（）{ 
      リターン{ 
          プレースホルダ：{ 
              省： '州------- --------' 、
              市： '--- ---市' 、
              エリア： '領域--- ---' 、
          } 
      } 
  } 

//デフォルトの設定MO

:province="select.province" :city="select.city" :area="select.area"

data() {
    return { select: { province: '广东省', city: '广州市', area: '海珠区' }, } },

// 开启手机模式

=タイプの「モバイル」

//隠す地区

<v-distpicker hide-area></v-distpicker>

// 触发事件

@selected="onSelected"

// 只有省，或者县

<v-distpicker only-province></v-distpicker>

官网： https://distpicker.pigjian.com/