springboot+vue+element-ui +axios显示数据

本来是一个简单的显示,没必要写博客的,但是碰到了一个有趣的问题,耽搁我一下。就写出来让大家注意一下。
Java 后台代码

  @RequestMapping("/findallVideo")
        @ResponseBody
        public Map  findAll(){
        	Map returnMap=new HashMap();
        	logger.info("开始查询在线视频资源");
        	List

前端html代码

 
								 							      
								  							      
								  								     
								  								      
								  								    
								  								    
								  							      
					      

前端js代码

 showVideo:function (){
			    	 var self=this;
			    	 axios.post('/findallVideo').then(function (response) {
			    		    self.tableData=response.data.tableVideo;  			    			
			    		    console.log(this.tableData);
			    	 })
			    		  
			       }

在这个axios请求的时候,如果直接使用this.tableData是无法显示数据,但是它又不会报错。只有页面显示无数据。
后面我留意到可能是不在同一个数据区域,回调函数无法正常赋值。所使用了var vself=this; 然后直接赋值就可以。

你可能感兴趣的:(功能类)