vue-multilevel-picker Vue 組件庫 三級聯動

npm install --save-dev multilevel-picker

import multilevel from 'multilevel-picker';

Vue.use(multilevel)

<multilevel @change="change" columns=2 separator="--" placeholder="請選擇地址" :data="city-json">

附上JSON 下載地址

https://github.com/darkdragonblade/vue-multilevel-picker/blob/master/static/city-data.rar?raw=true

github 地址

https://github.com/darkdragonblade/vue-multilevel-picker

npm 包地址

https://www.npmjs.com/package/multilevel-picker

參數方法

名稱類型默認描述

changefunction 無數據改變時觸發

columnsstring 1顯示列數

separatorstring --分隔符

placeholdersring 請選擇無數據默認值

dataarray 無json數據(必填)

文章地址  https://www.npmjs.com/package/multilevel-picker