时间:2021-05-26
后台返回的数据,json类型
{"success":1,"tagList":[{"Id":1,"name":"林俊杰"},{"Id":2,"name":"MV"},{"Id":3,"name":"三次元"},{"Id":4,"name":"燃"},{"Id":5,"name":"宅"}]}Vue绑定UI的代码
<div class="tag-wrapper"> <a class="tag-item" v-for="item in tagList">{{item.name}}</a></div>下面是Vue请求数据的代码
var hotTag=new Vue({ el:".tag-wrapper", data:{ tagList:[], selected_num:0 }, mounted:function(){ this.init(); }, methods:{ init:function(){ axios.get("handle/getHotTag").then( function(result) { this.tagList = result.data.tagList; }) // axios.get("handle/getHotTag").then( (result) => { // this.tagList = result.data.tagList; // }) } } });出来的结果是空的,a.tag-item没有出现,但是在init函数中打印this.tagList则是存在数据的。
将函数换成双箭头形式发现成功的绑定上了,原因还不知道
axios.get("handle/getHotTag").then( (result) => { this.tagList = result.data.tagList; })以上这篇vue请求服务器数据后绑定不上的解决方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
跨域请求数据解决方案主要有如下解决方法:JSONP方式表单POST方式服务器代理Html5的XDomainRequestFlashrequest分开说明:一、J
在用vue做前端开发的时候,因为一般跑vue使用的webpack自带的node服务,而我们实际要使用的数据确是后台服务器上的,所以这就涉及到服务器请求跨域的问题
本文实例讲述了Android编程向服务器发送请求时出现中文乱码问题的解决方法。分享给大家供大家参考,具体如下:我们在andorid项目中通过get方式向服务器发
今天跟大家分享一下腾讯云服务器ftp链接不上的解决方法,首先我们需要检查一下里面FTP是否配置良好。一般买好服务器配置环境的时候都会配置好FtpWindows服
在vue项目里面,需要循环发送ajax请求,出现的问题就是循环结束,第一次服务器还没返回,导致数据处理错误,需要使用同步请求解决方案目前没有发现axios可以同