微信小程序button调起请求用户手机号报code过期问题

<ym-button open-type="getPhoneNumber" @getphonenumber="submitLogin">手机号快捷登录 </button>

为什么要4分钟执行一次定时器重新请求flagId呢，因为flagId的有效时间是5分钟 

// 获取 flagId
const flagId = ref('')
const getFlagId = async () => {
  const loginResult = await (uni.login({ provider: 'weixin' }) as unknown as Promise<{ code: string }>)
  const code = loginResult.code
  const result = await service.app.getWeixinFlagId({ code })
  flagId.value = result || ''
}
onMounted(getFlagId)

const getFlagIdTimer = setInterval(getFlagId, 1000 * 60 * 4)
onUnmounted(() => clearInterval(getFlagIdTimer))

// 微信登录
const submitLogin = async function (event: any) {
  if (!flagId.value) return
  if (!agreement.value) return uni.showModal({ title: '提示', content: '请先阅读并勾选服务协议', showCancel: false, confirmText: '确定' })
  // 如果code 再过期的情况下，没有使用新的code 直接去调用获取手机号，他会拿上一次的 code去比较匹配iv 跟加密数据
    //为什么不通过以下await来获取新的flagId，是因为在点击按钮时会先执行一个方法（用flagId去区配encryptedData, iv），这个时候拿到的flagId有可能是过期的，会报code过期错误，之后才执行到getFlagId()拿到新的flagId对于上一次点击按钮事件已经没用了
  // await getFlagId()
  const { encryptedData, iv } = event.detail
  if (encryptedData == null || iv == null) return uni.showToast({ icon: 'none', title: '需要允许获取用户手机号授权' })
  // 这里要捕获  flagId已经被使用过一次的情况
  try {
    const userInfo = await service.app.loginByWeixin({
      flagId: flagId.value,
      encryptedData,
      iv
    })
    // 其他操作
  } catch (error) {
    getFlagId()
  }
}