此处是wx最新版本的登录授权方式,
原本的授权方法已经收回了,这里使用微信的选填登录方式
<template>
<view>
<view>
<button class="avatar-wrapper" open-type="chooseAvatar" @chooseavatar="onChooseAvatar">
<image class="avatar" :src="avatarUrl"></image>
</button>
<view class="input">
<input v-model="name" @blur='onNickname' type="nickname" class="weui-input" placeholder="请输入昵称" />
</view>
<view class="obx" @click="orders">
完成
</view>
</view>
</view>
</template>
<script>
export default {
data() {
return {
avatarUrl: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAB4CAMAAAAOusbgAAAASFBMVEX09Pby