对于获取用户昵称,则是用了原生的 input 标签,需要添加一个type="nickname"的参数来实现。由此可见,如果我们要实现自动填写用户昵称,那么得使用原生 input 标签而非一些第三方 ui 库了。 同时,笔者好奇看了看 button 组件都有哪些开发能力,这就出来了第 4 个方法。 4. button 组件开放能力 微信小程序的 button ...
需要将 button 组件 open-type 的值设置为 chooseAvatar,当用户选择需要使用的头像之后,可以通过 bindchooseavatar 事件回调获取到头像信息的临时路径。 从基础库2.24.4版本起,若用户上传的图片未通过安全监测,不触发bindchooseavatar 事件。 昵称填写 需要将 input 组件 type 的值设置为 nickname,当用户在此input进行...
uni.getUserProfile()接口已被收回 ,使用uni.getUserProfile返回参数是微信默认头像和默认昵称 获取头像使用button open-type=chooseAvatar 获取昵称使用input type=nickname <button class="avatar-wrapper" open-type="chooseAvatar" bind:chooseavatar="onChooseAvatar"><image class="avatar" src="{{avatarUrl}}">...
<template><view class="login"><image :src="avatarUrl" mode=""></image><view class="nickname"><text>昵称:</text><input type="nickname" class="weui-input" :value="nickName" @blur="bindblur" placeholder="点击获取昵称"@input="bindinput" /></view><button type="balanced" open-type="ch...
由于微信调整了用户信息获取规则,现在不能直接在前端通过uni.getUserInfo获取用户的头像和昵称,除非用户主动触发(如点击按钮)。可以使用<button open-type="getUserInfo"></button>引导用户授权,或者使用<input type="nickname">和<button open-type="chooseAvatar"></button>分...
"><textclass="weui-text">昵称:</text><inputtype="nickname"class="weui-input":value="nickName"@blur="bindblur"placeholder="请输入昵称"@input="bindinput"/></view><buttontype="primary"@click="save"style="width:710rpx;margin-left: 20rpx;margin-top: 20rpx;">保存</button></view></...
首先小程序进入首页自动去获取一遍本地存储的用户信息赋值到vuex里面去,用户进入个人中心的时候页面去获取vuex里面的用户信息(头像,昵称),如果发现没有的话就显示登录注册按钮,点击之后跳转到用户授权登录页,用户授权头像和昵称之后点击授权登陆按钮,获取到用户的code传入到后端,后端返回用户信息和token给前端,前端保存到本...
<input type="nickname" class="weui-input" placeholder="请输入昵称"/> 1. 2. 3. 4. js: // 默认头像,灰色的人头团 const defaultAvatarUrl = 'https://mmbiz.qpic.cn/mmbiz/icTdbqWNOwNRna42FI242Lcia07jQodd2FJGIYQfG0LAJGFxM4FbnQP6yfMxBgJ0F3YRqJCJ1aPAK2dQagdusBZg/0' ...
<input class="font_1 text_2 tex" v-model="nickname" type="nickname" @blur="bindblur" placeholder-style="color:#fff" placeholder="编辑资料" @input="bindinput"> bindblur(e) { // 获取微信昵称 // console.log('nickName', e) this.nickName = e.detail.value; this.user.nick_name = thi...
item"><input type="nickname"class="uni-input":value="nickname"@blur="userNameInput"placeholder="请输入昵称"/></view></view><viewclass="uni-flex uni-row"><viewclass="uni-text uni-flex justify-center align-center"style="width: 200rpx;height: 150rpx;"><text>头像:</text></view><view...