一个前端报错技术细节

叁歲伎倆 2021-07-25 19:04 310阅读 0赞

问题：当data为null时，报错data不能为null  
原因：在网页还没有请求数据，页面v-for就执行了，所以此时的data还没有赋值数组。  
解决办法：在html中加入v-if=“data”,当data!=null时才渲染页面。

<template>
      <view v-if="data!=null" class="">
        <uni-list>
        	<uni-list-item v-for="(item,index) in data.data" :key="index" title="">
    			<image 
    			slot="header" 
    			style="width: 240rpx;height:240rpx;" 
    			:src="'http://101.96.128.94:9999/'+item.pic" 
    			mode=""></image>
    			<view class="content" slot="body">
    				<text>{ { item.title}}</text>
    				<text>${ { item.price}}</text>
    			</view>
    		</uni-list-item>
        </uni-list>
      </view>
    </template>
    
    <script>
    
    
    export default { 
      name: '',
      
      mounted() { 
      	this.getData()
      },
      data () { 
        return { 
          data:null
        }
      },
      methods:{ 
        getData(){ 
    		uni.request({ 
    			url:'http://101.96.128.94:9999/data/product/list.php',
    			method:'GET',
    			data:{ pno:1},
    			success: (res) => { 
    				console.log(res)
    				this.data=res.data
    			}
    		})
    	}
      }
    }
    </script>
    
    <style  scoped>
      .content{ 
    	  display: flex;
    	  flex-direction: column;
      }
    </style>

发表评论取消回复

表情：

评论列表（有 0 条评论，310人围观）

还没有评论，来说两句吧...

相关阅读

相关前端优化一些细节

1. 在目标图标不能正常载入时，载入备份替代图来提供用户体验。 <img src="http://sample.com/img.png" onerror="this.

男娘i/ 2022年12月20日 12:53/ 0 赞/ 224 阅读

相关 Zuul遇到的一个报错

报错如下： > Error starting ApplicationContext. To display the conditions report re-run your

柔情只为你懂/ 2022年12月11日 15:22/ 0 赞/ 41 阅读

相关前端常见报错原因详解

1、xxx is not defined xxx 没有定义 2、xxx is not a function xxx 不是一个函数 xxx 此时是u

红太狼/ 2022年11月07日 13:21/ 0 赞/ 317 阅读

相关细节看穿一个公司

一家好公司未必能一开始就给你体面的薪水和舒适的工作环境，但一定能给你愉悦的心情，持久的斗志和坚实快速的能力成长，以及更多。以下这十余点标准，是从众多职场人经历的烂公司总结得出的

痛定思痛。/ 2022年09月18日 02:53/ 0 赞/ 171 阅读

相关 weblogic XA驱动的一个报错

\[ERROR\] 2015-08-27 11:49:23:206 org.hibernate.engine.jdbc.spi.SqlExceptionHelper (Sql

àì夳堔傛蜴生んèń/ 2022年08月05日 08:29/ 0 赞/ 594 阅读

相关前端报错：net::ERR_CONNECTION_REFUSED

场景：在自己电脑浏览器访问别人运行的项目，前端是vue，后台使用java写的问题：其实就是网络异常解决：通过检查发现，前端只是把http://localhost:808

深藏阁楼爱情的钟/ 2022年03月10日 13:44/ 0 赞/ 321 阅读

相关一个Java细节！

前言今天我们一起来做个简单有趣的实验。熟悉Java的童鞋，对`ScheduledExecutorService` 类应该不陌生。不记得的童鞋，先回忆下。实验一我

喜欢ヅ旅行/ 2022年02月02日 01:49/ 0 赞/ 241 阅读

相关前端项目中的一些报错：

1.Uncaught ReferenceError: Invalid left-hand side in assignment 比如“==” 少写了个“=”； 2.Fai

╰半橙微兮°/ 2022年01月27日 17:23/ 0 赞/ 268 阅读

相关 Idea 新建一个 Servlet 报错

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ub

素颜马尾好姑娘i/ 2021年09月29日 23:32/ 0 赞/ 343 阅读

相关一个前端报错技术细节

问题：当data为null时，报错data不能为null 原因：在网页还没有请求数据，页面v-for就执行了，所以此时的data还没有赋值数组。解决办法：在html中

叁歲伎倆/ 2021年07月25日 19:04/ 0 赞/ 311 阅读