假设你想使用 Vue.js 的数据绑定来更新 userinfo
的值,可以像下面这样改写你的 getUserInfo
方法:
methods: {
getUserInfo() {
const that = this
$.get('/user/getInfo').done(function(res) {
that.userinfo = res.data
}).fail(function() {
console.log('请求用户信息失败')
})
}
}
另外,在你的模板中可以直接使用数据绑定语法来渲染 userinfo
对象的属性,例如:
<div class="user-info">
<img :src="userinfo.avatar" />
<span>{{ userinfo.nickname }}</span>
<span>余额:{{ userinfo.balance }}</span>
<span>VIP到期时间:{{ userinfo.vip_expire_time }}</span>
</div>
这样可以避免使用 setData
更新数据时可能会出现的问题。