1. html部分

    <template>
    	<view>
    		<view>手机号:{{phone || '请获取手机号'}}</view>
    		<button open-type="getPhoneNumber" @getphonenumber="getPhoneNumber">获取用户手机号</button> 
    	</view>
    </template>
    
  2. js部分

    <script>
    	import { getPhone } from './api';
    	export default {
    		data() {
    			return {
    				phone: null
    			}
    		},
    		methods: {
    			getPhoneNumber(e) {
    				getPhone(e.detail.code).then(res => {
    					this.phone = res.phoneNum;
    				});
    			}
    		}
    	}
    </script>
    
  3. api部分

    export function getPhone(code) {
    	return request({
    		method: 'get',
    		url: `api/wxapi/getPhoneNum?code=${code}`
    	});
    }
    
Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐