在使用axios时,this已经不是本地的this了,而是axios的this.
我们需要改变本地值时就需要先保存本地this在一个对象中,在axios中使用.
例如:以下代码将本地this暂存在that中,然后使用that进行本地数据操作.
methods:{
getName:function (){
//*************************
var that=this;
//*************************
axios.get("http://localhost:8080/user/findall").then(
function (response){
console.log(response.data);
that.userName=response.data;
},
function (err){
console.log(err)
}
)
}
}
推荐阅读:
vue.js:634 [Vue warn]: Property or method "userName" is not defined on the instance but referenced during render. Make sure that this property is reactive, either in the data option, or for class-based components, by initializing the property. See:
状态码:415,发送HTTP请求返回415状态码的解决办法
SpringBoot 整合 webapp时 访问404的解决办法
Vue 打开页面时就加载方法,例如查询
SpringCloud怎么调用多个服务的信息
Spring整合Mybatis
SpringCloud 加入 thymleaf前端页面的方法
Controller之间的跳转
Spring AOP的实现原理
This may be the result of an unspecified view, due to default view name generation
行动消除疑虑