html部分应该如何获取头像

获取用户头像需要在 getUserInfo 方法中使用微信提供的 API 来获取用户信息，在获取到用户信息后，就可以通过 data 属性保存用户头像地址，并在页面中展示出来，示例如下：

<template>
  <div>
    <button @click="getUserInfo">获取用户信息</button>
    <div v-if="userinfo">
      <img :src="avatarUrl" alt="用户头像">
      <p>用户名：{{ userinfo.username }}</p>
      <p>邮箱：{{ userinfo.email }}</p>
      <p>是否已验证：{{ is_check ? '是' : '否' }}</p>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      userinfo: null,
      avatarUrl: null,
      is_check: false
    }
  },
  methods: {
    getUserInfo() {
      mpvue.getUserProfile({
        desc: '用于完善资料',
        success: res => {
          this.userinfo = res.userInfo
          this.avatarUrl = res.userInfo.avatarUrl
          this.is_check = res.userInfo.hasVerifiedEmail
        },
        fail: res => {
          console.log(res)
        }
      })
    }
  }
}
</script>

在以上代码中，我们先在 data 对象中对 avatarUrl 进行了初始化，然后在 getUserInfo 方法中，使用 mpvue.getUserProfile 方法获取到用户头像地址，保存到 avatarUrl 变量中。最后在模板中通过 img 标签将头像展示出来。