微信小程序如何同时获取用户信息和用户手机号

<!--快捷登录-->
<button open-type="getUserInfo" @tap="getUserProfile">
    <view class="item column center">
	<image class="iconc" src="/static/img/share/wx.png"></image>
    </view>
</button>
<!--登录弹窗-->
<view class="modal-mask" catchtouchmove="preventTouchMove" v-if="showModal"></view>
    <view class="modal-dialog" v-if="showModal">
	<view class="modal-content">
	<view><image src='' class='show'></image></view>
	<view >绑定手机号</view>
	<view >请先绑定手机号在进行此操作</view>  
	<button open-type="getPhoneNumber" @getphonenumber="getPhoneNumber">
		<image src='/static/img/share/wx.png' class='iconWx'></image>微信用户一键绑定
	</button>
    </view>
</view>

methods: {
    getUserProfile(){
    // 推荐使用wx.getUserProfile获取用户信息，开发者每次通过该接口获取用户个人信息均需用户确认
    // 开发者妥善保管用户快速填写的头像昵称，避免重复弹窗
        wx.getUserProfile({
            desc: '用于完善会员资料', // 声明获取用户个人信息后的用途，后续会展示在弹窗中，请谨慎填写
            success: (res) => {
		this.showDialogBtn();//调用一键获取手机号弹窗（自己写的）
            }
	})
    },
    // 显示一键获取手机号弹窗
                    showDialogBtn: function () {
            this.showModal = true
                    },
                    // 隐藏一键获取手机号弹窗
                    hideModal: function () {
                             this.showModal = false
                    },
    //获取用户手机号
    getPhoneNumber (e) {
        console,log(e.detael)
    },