在 HTML 中,你可以在需要触发 getUserInfo
方法的元素上添加一个事件绑定,如下:
<template>
<div>
<button @click="getUserInfo">获取用户信息</button>
<div v-if="userinfo">
<p>用户名:{{ userinfo.username }}</p>
<p>邮箱:{{ userinfo.email }}</p>
<p>是否已验证:{{ is_check ? '是' : '否' }}</p>
</div>
</div>
</template>
这里使用了一个按钮来触发 getUserInfo
方法,并通过 v-if
指令来判断当 userinfo
不为空时显示对应的用户信息。在用户信息中,我们展示了用户名、邮箱和是否已验证信息,你可以根据你的实际需求做相应的调整。