银联云闪付 Vue3 授权组件

• 基于官方下载：https://open.95516.com/s/open/components/vue3-cup-ui.zip。官方修改日期 2025-06-11 10:37

• 官方文档参考：https://opentools.95516.com/applet/#/docs/develop/oauth/upButton?id=vue3-%e6%8e%88%e6%9d%83%e7%bb%84%e4%bb%b6&from=search&s=vue3&timestamp=1763613070757

• 示例代码（手机号、实名组合授权为例）：

// 入口文件main.js
import { createApp } from 'vue'
import App from './App.vue'
import Vue3CupUi from 'vue3-cup-ui'
import 'vue3-cup-ui/lib/vue3-cup-ui.common.css'
const app = createApp(App);
app.use(Vue3CupUi)
app.mount('#app')

// App.vue
<template>
  <div id="app">
    <UPButton class="customBtn"
              @onClick="btnClick"
              :scope="scope"
              :style="{width:'50rem',height:'3rem',backgroundColor:'red'}">
            获取Code
          </UPButton>
  </div>
</template>

<script setup>
import { ref }  from 'vue'
const scope = ref("scope.mobile")
const btnClick = (event, err, result) => {
  console.log(event, err, result)
  console.log(result.code)
}
</script>