vue axios 数据（data）赋值问题

最新推荐文章于 2024-04-12 13:38:04 发布
最新推荐文章于 2024-04-12 13:38:04 发布
阅读量4.9k 收藏 4
点赞数
分类专栏： vue 文章标签： vue

首先，我们在data中声明了一个变量

axios执行后获取数据

显示

但是如果直接赋值的话就会出现这个问题

 原因：在请求执行成功后执行回调函数中的内容，回调函数处于其它函数的内部this不会与任何对象绑定，为undefined。对this的指向理解错误。

推荐使用箭头

本文来自 年华007 的优快云 博客 ，全文地址请点击：https://blog.youkuaiyun.com/m0_37836194/article/details/80370315?utm_source=copy

vue中axios赋值的问题解决
欢迎来到瑆箫博客，专为程序员和编程爱好者打造的技术博客。我们分享编程语言趋势、开发工具、编程哲学、职业发展等，助你掌握新技术，优化技能，激发编程热情。
06-23 4405
1.在请求执行成功后执行回调函数中的内容，回调函数处于其它函数的内部this不会与任何对象绑定，为undefined。 2.解决方案： 将指向vue对象的this赋值给外部方法定义的属性，然后在内部方法中使用该属性 箭头函数： ...
13 使用Vue + FormData + axios实现图片上传功能实战
热门推荐
xingyu_qie的专栏
06-21 1万+
文本通过Vue实例项目，使用axios + FormData实现图片上传做为例子，为下一节图书信息上传做准备
Vue中axios请求数据赋值不成功——javascript任务队列
weixin_45286211的博客
03-22 6240
Vue中axios请求数据赋值不成功 问题描述 axios向后端请求数据，在赋值时发现只有在axios中才有数据，而axios访问数据就是空的 在created()中调用请求数据与处理数据的方法 代码： 前端没有数据 输出 可以从控制台输出结果看到，axios外的数据是空的 ...
vue 使用axios返回值无法赋值 res.data.results is undefined
qq_43928549的博客
09-19 2509
export default { name: "User", data(){ return{ users:[] } }, components:{ Footer, }, created() { this.$http.get("xxxxxxxxxxxxxxxxxxxxxxxxxxxx").then((res)=>{ console.log(typeof res.data) #是object类型 // res.
关于这个vue_axios回调函数赋值的笨比操作
qq789aa134的博客
05-07 428
场景今天在搞个人的demo项目，前端项目中使用vue+axios获取值。我从后端获取了一堆list值的数组结构，本来的代码程序我写了递归把list数据转成了树结构的数据。图上那个nodeList变量一直是树，快都搞疯了。然后莫名其妙的换了下位置就对了方案。
使用vue中的axios后，对实例中的data进行赋值的问题
weixin_38098192的博客
07-24 9292
总结一下我遇到的一个纠结很久的问题。 在项目中需要用到后台的数据对前端渲染，使用到了vue整合的axios，使用vue中的钩子函数在页面组件挂载完成之后向后台发送一个get请求然后将返回后的数据赋值data（）中定义的属性： 执行后前端报错： 原因： 在请求执行成功后执行回调函数中的内容，回调函数处于其它函数的内部this不会与任何对象绑定，为undefined。 解决方案： ...
Vue.js使用axios动态获取response里的data数据操作
10-14
在这个场景中，我们将探讨如何在Vue.js中使用axios动态地从响应(response)对象中获取data数据。 首先，axios发送请求后会返回一个Promise对象，该对象的`then`方法接收两个参数，分别是成功时的回调函数和错误时的...
vue利用axios来完成数据的交互
11-28
以下是一个简单的 Vue 组件示例，展示了如何使用 axios 获取数据并渲染到页面上： ```html 首页 获取数据 <div><p>{{items.issuer_nickname}}.</p></div> <div>{{items.title}} <div class="pic"><img ...
vue 解决数组赋值无法渲染在页面的问题
10-16
这导致了一个常见的问题：当你尝试通过赋值方式更新数组，虽然实际数组确实被修改了，但Vue的视图不会随之更新，从而引发“数组赋值无法渲染在页面”的问题。 首先，我们来看一下这个问题的两个主要错误点： 1. **...
前端笔记-Vue cli中使用axios后JavaScript变量传输给vue变量要注意的地方
IT1995的博客
08-13 4716
目录 axios.all中的注意事项 为什么要采用全局的JavaScript变量给vue变量 axios.all中的注意事项 如下的请求： methods:{ getData(){ axios.all([ axios.post('/xxxxxxxxxx', qs.stringify({ ...
Vue踩坑—axios数据赋值错误Uncaught (in promise) TypeError: Cannot set property ‘mes‘ of undefined
IT__learning的博客
03-02 1万+
最近正在入门vue，有个重要的应用场景：需要将axios请求返回的数据赋值到data中的数据项，data中的数据项会双向绑定到页面中进行渲染。 但是在回调函数中进行赋值时出现错误，原代码如下： methods:{ tijiao(){ this.axios({ method:'post', params: { yhm:this.yhm,
axiso响应数据赋值给data中的变量
qq_40850266的博客
08-01 621
<script> new Vue({ // 3.绑定视图 el: "#div", // 4.传递数据 data: { msg: "Hello Vue", tableData: [] }, methods: { getTableData() { var that=this axios.get('http://mkgo.xyz:8080/medalsInfo')
vue绑定数据不生效的原因--axios
m0_46820776的博客
05-05 1352
vue使用axios，data数据不生效
配置axios，将token赋值给一变量，在拦截器中通过变量获取token，导致调用其他接口报401
sw_onload的博客
03-31 536
在vue开发中使用axios来调用后台接口，需进行一系列配置，这里就不多说了，主要是发现了一个小小的问题。 我做的项目是登录成功返回一个身份验证信息token，我将token保存在本地session中，然后在配置axios的http.js文件中将token赋值给一个变量，然后在拦截器判断是否存在token，这里是通过变量获取的 代码如下 然后登录成功之后跳转到主页面继而调用接口获取用户信息，此时...
vue ajax 赋值,vue 数据（data）赋值问题
weixin_31995343的博客
08-05 1383
Documentvar App = {template:`请求1： {{ res1 }}请求2： {{ res2 }}发请求`,data:function () {return{res1:'xxxxx',res2:'222'}},methods:{sendAjax:function(){// axios.get||post|put|delete(url,options)let q1 = thi...
Vue使用axios无法修改响应数据问题的解决办法
u010218170的博客
03-21 2787
Vue使用element-ui，点击button显示正在加载并请求接口，完成后关闭正在加载。但出现axios请求成功不关闭正在加载的情况。。 Vue使用axios请求接口，代码片段： this.$axios.post(urlRegister, qs.stringify(rParams) ).then(function (response) { this...
vue开发过程中，修改了数据，但是页面不渲染，没变化！怎么办？
最新发布
weixin_45561965的博客
04-12 2300
定义一个update:false,每次修改数据的时候在后面加一句this.update=!就这么写 this.items=JSON.parse(JSON.stringify(this.items));方法1（推荐）：用JSON.parse(JSON.stringify(objectOrArray))方法6（不推荐）：用location.replace(“”);通常是某个渲染的数组改变了层级较深的数据导致页面没有实时渲染。this.$set(this.d,“a”,“新的值”);
axios的最新封装，解决类型AxiosRequestConfig不能赋值给InternalAxiosReqe；CreateAxiosDefaults不能赋值给AxiosRequestConfig
m0_60820509的博客
09-10 1万+
关于axios+ts+vue的封装 解决类型"CreateAxiosDefaults'的参数不能赋给类型“AxiosRequestConfig”的参数。 属性headers'的类型不兼容。 类型“(config:AxiosRequestConfig)=>AxiosRequestConfig'的参数不能赋给类型“(value:
vue使用axios不能赋值问题
llkk
01-04 4646
举例在钩子函数mounted中 mounted(){ //由于this在回调函数中指向不同并非是vue实例所以先赋值给_this var _this=this this.axios.post('https://www.easy-mock.com/mock/5c2dc796c8bc2e49abfeaa30/nurse/nurse_infor') ...
vueaxios请求数据
05-12
以上代码定义了一个 fetchData 方法，当组件被创建时调用该方法，发送 GET 请求到 /api/data 接口，并将响应数据赋值给组件的 data 属性。如果请求失败，则在控制台输出错误信息。 以上就是在 Vue 中使用 Axios ...
评论 5
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值