uniapp vfor点击第二个之后的按钮undefined的问题

最新推荐文章于 2024-03-06 14:40:58 发布

LYSMQ

最新推荐文章于 2024-03-06 14:40:58 发布

阅读量675

点赞数

分类专栏： uni-app小程序踩坑文章标签： vue javascript 小程序

本文链接：https://blog.csdn.net/LYSMQ/article/details/108265800

版权

uni-app小程序踩坑专栏收录该内容

4 篇文章 0 订阅

订阅专栏

uniapp vfor点击第二个之后的按钮undefined的问题

uni-app坑真多，能避免使用，一定避免使用

参考文章【uniapp踩坑记】v-for循环复杂数据结构时，发现点击第二个之后@click事件都会报错

项目提要

我现在做的项目，需要多页面传参，套用多层vfor循环的复杂页面结构，而且，是向后端请求数据保存在自己的data里，再进行遍历，采用排除法

解决思路

检查后端是否将数据传回，接口和params是否正确
检查点击事件，是否出问题，点击时传递的参数是否传递过去

检查vfor循环，uni-app绑定有坑

<view     v-for="(item, index) in navList" :key="index"></view>
复制代码

一定要绑定index，不然就报错

修改

尝试了，直接使用本地数据，报错。

尝试了，修改传递，使用父级for循环来调用，报错

最后，改为，传递index值，来获取filelist中具体的

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

LYSMQ

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

uniapp小程序开发自定义相机、拍照、上传

_小郑有点困了的博客

12-27

2587

uniapp提供了这样一个api，实现自定义相机。，同时依靠camera组件实现效果。

vue、uniapp使用localstorage完成历史搜索功能

qq_42642780的博客

06-09

5903

本人小白最近在学习vue和uniapp，现在在做一个魅族商城的项目，做到了历史搜索这一块，想分享一下，希望大家可以指出错误！！！（博客处女作）说明：这里主要说的是点击搜索按钮，然后你新输入的文本就会出现在下面搜索历史的第一个，最多可以添加8个，大于8个则删除最后一个元素，其他功能这里不说明，可以私聊我一起学习哈 vue文件中的父组件因为这里不是在同一个组件实现 <view class="right-text" " @click="search">搜索</view> metho

参与评论您还未登录，请先登录后发表或查看评论

uniapp小程序v-for循环绑定事件传值为undefined

HDdgut的博客

02-09

1661

描述： uni-app 中的v-for中在点击传值的时候函数中在页面输出的是有效值在微信小程序中输出的却是undefined 未定义的值 item.code和item.name都是有值的代码： <view v-for="(item,index) in foodlist" :key="item.code" @click='changeType(item.name)' :class="item.name == curClass? 'title-item-active title-item' : 't

uniapp微信小程序v-for循环绑定事件传值为undefined

最新发布

LSFonline111的博客

03-06

559

解决：将:key="item.index"改为 :key=“index”，就可以了。uni-app 中的v-for中在点击传值的时候函数中在页面输出的是有效值。问题：可能是key出现问题，key需要有效值(但是它又有值！在微信开发者工具中打开输出的却是undefined。item.image和item.name都是有值的。

uniapp小程序v-for循环绑定事件传值触发时打印item为undefined

yyanglirong的博客

08-17

1951

<view :class="'currentIndex == item.cateId'?'tab-active':'tab-item'" v-for="item in listname" :key="item.id" @click=handleChange(item.cateId) >{{ item.cateName }}</view > handleChange(cateId:number

uniapp小程序v-for循环绑定事件传值为undefined uniapp事件函数传参undefined

weixin_45345105的博客

12-19

2301

这个太坑了显示也正常 H5正常传参就小程序事件方法传参的参数 fn（xx）打印出来的undefined 但能拿到index for的时候 key也添加了还是不行昨晚调了很久发现不了问题，今天重启小程序编辑器发现又可以正常传参了坑 ...

uniapp-v-for循环点击事件打印item为undefined

Anorry的博客

09-15

355

如果id不存在或是重复的值可能就会出现这个问题。

uniapp 子组件 props拿不到数据_Vue3.0源码逐行解析(二) 组件的本质

weixin_39559750的博客

11-20

506

在上篇文章已经介绍了 Vue2.x 与 Vue3 的从创建应用实例到挂载的过程，本章节会介绍组件渲染流程。组件的本质当我们使用 Vue 或 React 时，往往会将页面拆分为各种组件，通过拼装组件来形成页面和应用，就像搭积木一样。那大家是否思考过："组件的产出是什么？"拿 Vue 来说 , 一个组件最核心的东西是 render 函数，剩余的其他内容，如 data compouted、props...

uniapp,vue学习笔记

qq_53926905的博客

08-30

1605

uniapp，vue学习笔记

2021-6月面试总结-vue，uniapp，小程序，h5，更新中

shuux666的博客

03-03

688

**一、**vue 2.6.11 vue****页面的生命周期？总共分为8个阶段创建前/后，载入前/后，更新前/后，销毁前/后。创建前/后：在beforeCreate阶段，vue实例的挂载元素el和数据对象data都为undefined，还未初始化。在∗∗created∗∗阶段，vue实例的数据对象data有了，el和数据对象data都为undefined，还未初始化。在**created**阶段，vue实例的数据对象data有了，el和数据对象data都为undefined，还未初始化。在∗∗cre

Vue v-for循环之@click点击事件获取元素示例

10-16

今天小编就为大家分享一篇Vue v-for循环之@click点击事件获取元素示例，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧

uniapp中遍历对象的第三个参数为undefined

kyyius的博客

02-03

1961

原因 uniapp在非H5平台循环对象时不支持第三个参数，如 v-for="(val, key, index) in obj" 中，index 参数是不支持的。在非H5中也不支持如 :key=" ‘’+xx "之类形式的。解决方案  <template> <view&g

uniapp动态显示数组_【报Bug】uniapp 在小程序中动态修改添加数组数据，点击获取的索引值错误...

weixin_39883286的博客

12-18

2439

在微信小程序中会有这个问题，h5正常在 v-for数组列表同时 :key 值没有用下标设置，而是用其它设置，会导致动态添加数组内容，点击列表获取的列表下标错误重现步骤{{title}}添加数组数据{{item.value}}export default {components: {bb},data() {return {title: 'Hello',arra: [{value: 1...

uniapp和vue无法(长按)复制解决方案

lyl815616的博客

12-28

973

<div class="demo"></div> .demo:{ -webkit-user-select: text; }

uniapp小程序为什么页面模板中显示undefined打印显示有值？

weixin_42220130的博客

12-07

2180

页面上显示undefined在函数里打印console.log()却显示有值其中1个原因是插值语法写了{{this}}解决方法：this可以省略，把页面模板上的this去掉修改前修改后

uni-app中v-for点击跳转指定页面2

wwf1225的博客

05-10

2859

<template> <view>  <view class="banner" @click="goLogin"> <view class="banner-item1"> <image src="...

uniapp v-for循环组件遇到的问题

weixin_52716609的博客

05-26

1062

当使用v-for循环组件时，有个需求在子组件内点击跳转详情页面需要传详情页面id，打印获取的id为数据循环最后一项值的id，我感觉这里是因为循环同一组件后面组件的值覆盖了一开始的值然后后面想到循环时为组件添加ref属性或key属性，发现还是不行。在最近开发项目中用到了uniapp进行h5端开发，在使用v-for循环自己封装的组件过程中遇到了一个问题。

uniapp 编写代码小程序运行点击事件传参undefined

耳朵

03-02

2396

uniapp的项目在小程序上运行时点击事件传的参数是undefined 解决 <view class="oper-item" v-for="(pro,index) in operlist" :key="index" @click="getPath(pro.path)"> 把:key的值设为index就可

在uniapp开发微信小程序时，v-for中使用slot的正确姿势

wangxi83的博客

08-13

4933

使用uniapp开发微信小程序，v-for中使用slot的正确方法

uniapp v-for怎么设置每个的点击事件

06-10

在Uniapp中，你可以在v-for循环中使用@click监听每个元素的点击事件。你可以给每个元素添加一个点击事件处理函数，可以通过$event.target获取当前点击的元素。例如： ```html <template> <view> <view v-for="(item, index) in items" :key="index" @click="handleClick($event, item)"> {{ item }} </view> </view> </template> <script> export default { data() { return { items: ['item1', 'item2', 'item3'] } }, methods: { handleClick(event, item) { console.log('点击了', item) } } } </script> ``` 在上面的例子中，我们使用v-for循环渲染了一个包含三个元素的列表，然后给每个元素添加了一个@click事件监听器，当点击元素时，会触发handleClick方法，并且将当前点击的元素传递给该方法。