小程序踩坑:获取图片id后显示不成功

.wxml

写一个bindtap事件,wx:for 循环列表,id是小程序自带的获取列表中图片的id,

index.js

特别注意url路径,

错误写法

注意:第一个id后不能有空格,如果像上图所示加了空格,那么创建的将不是“id”而是"id ",在显示id时也会一直提示Setting data field "id" to undefined is invalid.

正常获取后:

wxml页面就能读取到啦

原文地址:https://www.cnblogs.com/tengjingshu/p/11967183.html

时间: 2024-10-03 22:47:25

小程序踩坑:获取图片id后显示不成功的相关文章

小程序踩坑之旅

小程序踩坑之旅 —— 分包 小程序踩坑之旅 —— 分享 小程序踩坑之旅 —— 页面路由 小程序踩坑之旅 —— canvas 原文地址:https://www.cnblogs.com/xxhuan/p/11334792.html

微信小程序踩坑之一【weui-wxss-master单选按钮图标修改思路】

小程序原生所带的weui框架做小程序UI实在太方便了,但是他的一些细微变化也是让开发中碰到不少头疼的问题 一直以来单选多选的美化都是设计师重点表达的地方之一 而weui-wxss-master中的单选多选样式又写的与众不同,不同与常规的weui添加after伪类来显示 不同,他是通过type="success_no_circle"来实现的,所以无论怎么更改icon或icon的after或befor都无效果 这里想到一个变通的方法先给icon添加一个外层容器,给该容器添加背景图片来实现在

初识MpVUE开发微信小程序踩坑记录

安装预览的时候,不是用浏览器打开输入:localhost:8080. 而是打开微信开发者工具,把项目根目录导入进去. 坑一:不支持Vue-router 之前vue项目直接移入,同步生成小程序不能使用vue-router 坑二:eslint连vue和js后缀文件都有严格校验 找到build目录的webpack.base.conf.js把器rule注释掉. // { //   test: /\.(js|vue)$/, //   loader: 'eslint-loader', //   enforc

微信小程序踩坑(二)——微信小程序recorderManager和innerAudioContext相关

目录 写在前面 RecorderManager录音相关 innerAudioContext播放相关 写在前面 关于微信小程序的录音和语音方面,踩了很多坑,记录一下 recorderManager相关文档 innerAudioContext相关文档 RecorderManager录音相关 在使用RecorderManager相关方法之前,在page外先定义全局唯一的录音管理器: const recorderManager = wx.getRecorderManager(); 录音开始 record

微信小程序踩坑日记4——真机端解析json数组和开发平台不一样

0. 引言 环境:访问服务器端php,获取json数组,并渲染在前台 问题描述:保证在开发平台上的正常运行,但是在真机端却出现了无法正确解析wx.request()返回的数据(特指无法解析res.data的json数组) 1. 解决方案 保证在开发平台的正确解析 问题自然而然引向了对string和json之间的转换问题,这里得益于这篇网友的博文. 但是,res.data在开发平台上显示的是object,而在真机端却显示的string,所以我们需要先判断开发平台,在转换类型. // 查看平台 wx

微信小程序踩坑集

setData function is not defined   这个问题只会出现在 wx.request(OBJECT)中 具体替代吗吧!写日志真的不是我的强项 //logs.js var util = require('../../utils/util.js') Page({ data: { logs: [], array: [] }, onLoad: function () { var that = this this.setData({ logs: (wx.getStorageSync

一名Android开发者的微信小程序填坑之路(2)

前言 上一篇是九月二十七日写的,而这一篇我动笔的时间是十月十日(特殊的日子),中间相隔十三天--当然是因为国庆节.说老实话,这十三天里面我都没有碰和小程序有关的东西--毕竟学习小程序的开发也只是起于兴趣,而平时的工作并不会涉及与其相关的东西--但是在这十三天里,我能明显的感受到小程序热正在逐渐的消退,或者说大家正在逐渐以一种较为平和的姿态接受它的存在,其实这是一件好事.期待公测的到来. 接下来我就直接进入正题了,另外,文末我想和大家分享一下我的国庆节. PS:这篇文章是接着上一篇文章 一名And

微信小程序传值以及获取值方法

微信小程序传值以及获取值方法,传值有两种方法,对应也有获取值得方法, 1.设置id的方法标识跳转后传递的参数值: 2.通过使用data - xxxx 的方法来标识要传递的值 微信小程序设置id的方法标识来传值 在要跳转的item处,设置一个id并给当前的id赋值上对应的key值,比如一部电影的id(后面带着id去下一个页面查询,详细信息)如: 后我们在js的bindtap的响应事件中获取,并传递到下一个界面中: 获取到id传的值 通过e.currentTarget.id;获取设置的id值,并通过

.net core 3.1 webapi后端接收钉钉小程序post的文件/图片

原文:.net core 3.1 webapi后端接收钉钉小程序post的文件/图片 世上本没路:走的人多了,便成了路. dd.uploadFile({ url: '请使用自己服务器地址', fileType: 'image', fileName: 'file', filePath: '...', success: (res) => { dd.alert({ content: '上传成功' }); }, }); 这就是官网上的例子,没有后端的.但是我猜这是用"Form"进行pos