初衷，為各使用相關元件的小夥伴寫更少的相關程式碼實現功能，原始碼在我的被另一篇博文裡有，有興趣的可以去研究，使用過程中有問題的請即時反饋，謝了！qq（微信）591339209，有其他常用到的元件也可以反饋給我，酌情封裝！另外要是這個元件還有什麼需要優化，或者有哪裡使用還不方便的都請反饋一下，留言反饋也沒問題。

需依賴包   better-scroll,

包名：wenlist

使用：yarn add wenlist 

          npm indstall wenlist -s

demo： 

<template>
	<div>
		<w-sortlist v-model="listData" @click="select" children="cities" relkey="core" label="name"></w-sortlist>
	</div>
</template>
<script>
	import listData from '../assets/js/city.js'
	import wSortlist from 'wenlist'
	export default {
		name: 'wSortListDemoVue',
		components: {
			wSortlist
		},
		data () {
			return {
				listData: listData
			}
		},
		methods: {
			select (data) {
				console.log(data, 'data')
			} 
		}
	}
</script>
<style scoped>
	
</style>
 

 資料格式要求如下，欄位名可以不一樣，但格式要求一致，請在渲染該元件前自行處理資料，實在處理不了的也可以找我！

var cityData = [
	{
	  name: "★熱門城市",
	  cities: [
		{
		  name: "北京市",
		  tags: "BEIJING,北京市",
		  cityid: 1
		}
	  ]
	},
	{
	  name: "A",
	  cities: [
		{
		  name: "鞍山市",
		  tags: "ANSHAN,鞍山市",
		  cityid: 64
		}
	  ]
	},
	{
	  name: "B",
	  cities: [
		{
		  name: "北京市",
		  tags: "BEIJING,北京市",
		  cityid: 1
	    }
	  ]
	}
]