uniapp open-type="getPhoneNumber"

uniapp中的open-type="getPhoneNumber"是用于获取用户手机号码的授权操作。当用户点击相关按钮时，会弹出授权对话框，用户可以选择是否授权给小程序获取其手机号码。

在使用open-type="getPhoneNumber"时，需要事先在uniapp项目的manifest.json文件中配置相应的权限，例如：

{
  "mp-weixin": {
    "appid": "yourAppId",
    "permission": {
      "scope.userLocation": {
        "desc":"你的位置信息将用于小程序定位"
      },
      "scope.userInfo": {
        "desc":"你的个人信息将用于小程序授权"
      },
      "scope.phoneNumber": {
        "desc":"你的手机号码将用于小程序获取"
      }
    }
  }
}

然后，在对应的组件中使用open-type="getPhoneNumber"，例如：

<template>
  <button open-type="getPhoneNumber" @getphonenumber="onGetPhoneNumber">获取手机号码</button>
</template>

<script>
export default {
  methods: {
    onGetPhoneNumber(e) {
      console.log(e.mp.detail.encryptedData) // 获取手机号码的加密数据
      console.log(e.mp.detail.iv) // 获取加密算法的初始向量
    }
  }
}
</script>

当用户点击按钮并授权成功后，onGetPhoneNumber方法会被触发，从而可以获取到用户的手机号码相关信息。