您现在的位置是：网站首页>软件开发>开发终端>uni-appuni-app

新增和编辑页面中，数据带图片的问题

风口下的猪2022-03-10【uni-app】

简介

例如：

添加日记页面：addDiary.vue

data(){
       return {
              addDiary:{
	         title:'',
	         imgsShow:[],//显示图片
	         imgsUpload:[]//上传图片
             }
       }
}

<image :src="addDiary. imgsShow[0]">

在添加页面中使用uni.chooseImage()进行图片上传，数据更新，图片显示，完全正常

编辑日记页面：editDiary.vue

onload(){
       $api('diary.getDiary').then((res)=>{
              this.editDiary=res.data;
       });
}
data(){
       return {
              editDiary:{ }
             实际上onload后数据仍然是
             editDiary:{
	         title:'',
	         imgsShow:[],//显示图片
	         imgsUpload:[]//上传图片
             }
       }
}

<image :src="editDiary. imgsShow[0]">

在编辑页面中使用uni.chooseImage()进行图片上传，数据更新，图片不显示，不正常

分析：

图片<image>标签html代码加载时就分配了内存指针，onload()改变其地址内容无意义。

解决方法：

编辑时，将imgsShow:[]提出来，放在data里，不放在任何数据对象中

很赞哦！ (0)

上一篇：非页面js使用uni.navigateTo()进行跳转

数据库

开发终端

语言基础

项目管理

产品设计

系统

工作规范

计算机网络

前端技术栈

数据结构

计算机组成原理

后端技术栈

性能优化

安全设计

常见模块

计算机操作系统

服务器

python

MySQL

thinkphp

PHP

Java

JavaScript

Windows

Linux

特效

indexedDB

vue

淘宝联盟

Ionic

Angular

微信小程序

支付宝小程序

uni-app

css/sass/less

支付

socket

爬虫

web性能优化

消息推送

CVM

sqlite

Redis

前端基础

基础

element

Nginx

yii2

/ponder/index.php/index/catelist/catelist/cateid/10.html

标签云

站点信息

文章统计：528篇
移动端访问：扫码进入SQ3R

软件开发(47)	MySQL(25)
thinkphp(89)	PHP(33)
JavaScript(39)	项目管理(3)
产品设计(5)	Linux(15)
计算机网络(6)	计算机组成原理(1)
微信小程序(7)	安全设计(4)
uni-app(70)	淘宝联盟(4)
支付(7)	socket(18)
计算机操作系统(4)	爬虫(5)
web性能优化(5)	消息推送(9)
CVM(2)	Redis(27)
indexedDB(5)	vue(57)
特效(2)	css/sass/less(5)
基础(1)	element(1)
Nginx(6)	yii2(19)

您现在的位置是：网站首页>软件开发>开发终端>uni-appuni-app

新增和编辑页面中，数据带图片的问题

相关阅读 (同一栏目)

栏目目录

标签云

站点信息

申请链接友情链接