前言:uni-app原生选择器并不支持H5,因此需要引入外部组件。
组件:
支持h5 小程序 app
组件下载地址:https://pan.baidu.com/s/1G6N2vHnaOLyR79yc0B9qog 提取码:7nr2
效果图:
代码示例:
<template>
<view class="content">
<pickerAddress @change="change">{{txt}}</pickerAddress>
</view>
</template>
import pickerAddress from '../../components/pickerAddress/pickerAddress.vue'
export default {
components:{
pickerAddress
},
data() {
return {
txt: '选择地址',
title: 'Hello'
}
},
onLoad() {
},
methods: {
change(data) {
this.txt = data.data.join('')
console.log(data.data.join(''))
}
}
}
提示:文章引用自uni-app插件市场的分享,侵删。