更新记录

1.0.2（2024-08-27） 下载此版本

[新增] 对标 y-drawer 组件更新逻辑 [新增] default-avatar 参数，用于展示默认头像

1.0.1（2024-08-07） 下载此版本

[修复] 上传处理应该使用异步函数

1.0.0（2024-07-25） 下载此版本

版本发布

平台兼容性

uni-app

uni-app x

y-user-profile

用户资料完善弹出框 Vue3

• 演示效果(微信小程序可选填充昵称头像)

Example

示例

<template>
    <y-user-profile ref="userProfileRef" v-model="userInfo" theme-color="#c12c1f" :handle-upload="handleUploadAvatar" @submit="handleSubmit" />
</template>

<script lang="ts" setup>
import { ref } from 'vue'

const userInfo = ref({ nickname: '', avatar: ''})
const userProfileRef = ref()

setTimeout(() => {
    userProfileRef.value.open()
}, 1000);

async function handleUploadAvatar(tmpPath: string) {
    // TODO 处理上传逻辑
    const url = await apiUpload(tmpPath);
    return url;
}

function handleSubmit(data: any) {
    // TODO 处理提交逻辑
    userProfileRef.value.close() // 关闭
}
</script>

Props

参数

Methods

方法

Events

事件

Slots

插槽