技術標籤：uni-app

在 uni-app 外掛市場可直接點選 使用 HBuilder X 匯入外掛

HBuilderX 2.5.5起支援 easycom 元件模式。在使用 uni-ui 的時候，只要uni-ui 元件 安裝在專案的 components 目錄下,並符合 components/元件名稱/元件名稱.vue 目錄結構。就可以不用引用、註冊，直接在頁面中使用 uni-ui 元件

所有不需要使用 import 匯入外掛可以直接使用 ，但需要注意元件名稱應和目錄的vue檔案一樣，如圖所示，該元件的元件名必須為 wangding-pickerAddress

基礎用法如下

<
 
wangding-pickerAddress class="city" @change="change">{{city}}</wangding-pickerAddress>

<script>
	export default {
	        data() {
	            return {
	                city: '請選擇收貨地址',
	                title: 'Hello'
	            }
	        },
	        onLoad() {
 

	
	        },
	        methods: {
	            change(data) {
					
	                this.city = data.data.join('')
	                console.log(data.data.join(''))
					console.log(this.city);		
	            }
	        }
	    }
</script>