V-for渲染出现了问题

在用，v-for渲染的时候，导致每一条歌曲播放源都渲染出了15种所以点击播放按钮的时候，总是播放的是第一首。

写回答
好问题 0 提建议
追加酬金
关注问题
分享
邀请回答
编辑收藏删除
收藏举报

2条回答默认最新

关注

码龄粉丝数原力等级 --

被采纳

被点赞

采纳率
前端不释卷leo 前端领域新星创作者 2021-09-18 19:04
关注
你的列里面的数据不需要去遍历，就取当前的音频数据源就好了，用slot把当前行的相应数据取到，放到::src里面就可以，具体细节请私聊我，因为一句两句说不清楚😂😂😂

本回答被题主选为最佳回答 , 对您是否有帮助呢?

解决无用
评论打赏
分享
举报

评论

按下Enter换行，Ctrl+Enter发表内容

查看更多回答(1条)

报告相同问题？

关注问题

v-for渲染组件时数据丢失 javascript vue.js 前端
2022-04-12 20:42

回答 1 已采纳子组件的bookinfo默认为空数组
vue项目中的v-for报错，:key后仍旧无法渲染，如何解决？ vue.js 前端
2022-05-22 11:26

回答 2 已采纳给data中变量students中name值加引号，因为它是字符串 students: [ { id: 1, name: "小黑", age: 18 }, { id: 2, name: "老八
vue dom有 v-for 还有 v-if 有没办法, v-if 某条件时,终止 v-for,不再循环下去了 javascript vue.js 有问必答
2022-07-09 03:24

回答 4 已采纳不推荐v-for与v-if同时使用，因为v-for的优先级较高，会先讲所有的dom渲染才会根据v-if去判断销毁，影响性能。想要达成你说所的效果，其中一个方法是可以对原始数据进行处理，将你最终需要渲染
浅谈vue.js中v-for循环渲染
2020-12-29 07:13

这两天学习了Vue.js 感觉v-for循环渲染这个地方知识点挺多的，而且很重要，所以，今天添加一点小笔记。一、简介 vue.js 的循环渲染是依赖于 v-for 指令，它能够根据 vue 的实例里面的信息，循环遍历所需数据，然后...
vue的v-for失效前端
2022-06-04 18:39

回答 1 已采纳 ajax 的success回调改成箭头函数success: () => {
关于v-for 循环的问题前端
2022-08-11 14:30

回答 1 已采纳有两种做法：1、后端在classificationdetail中加上product_name，然后你循环的时候图片和名称就一起出来了，这种方法比较是比较普遍的做法2、如果像你上面那么写那么就要图片和图
vue中，如何根据坐标给v-for渲染出来的表格添加样式 javascript vue.js
2020-02-14 15:57

回答 1 已采纳有多种方法： 1. 用v-if来判断展示不同的标签 ``` ``` 2. 使用 :style绑定样式 ``` ```
vue项目 v-for无法渲染问题
2019-08-21 15:31

de_la_prada的博客使用map()函数可能是解决了对象指向问题，目前还不知道原因。 postlist_fav2是在data()中定义的数组，在created()里对postlist_fav2进行了数组对象的初始化操作，然后就无法...参考Vue项目中v-for无法渲染数据 ...
vue指令v-for循环video标签后视频无法播放,怎么解决。 javascript vue.js 前端
2021-12-13 10:18

回答 1 已采纳 video标签加controls属性了吗
vue表格渲染问题，如何单独对某个单元格使用v-show(语言-javascript) javascript vue.js 前端
2022-02-21 14:25

回答 1 已采纳把你的show放到你的column的每一项里面v-show="item.FKey"如果你这个不是频繁切换的，建议用v-if
Vue，修改v-for 中list的 item 一个属性但是失败，没有渲染出来 vue.js 前端
2023-02-12 16:37

回答 2 已采纳结帖：首先没有按照官网那样来的，就是双向绑定的问题 v-for 不能检测到item 中数据的变化，需要用splice 进行替换元素，说白了就是进栈出栈的问题，这样就行了，如果还是不行那就像我
列表渲染 v-for
2022-10-03 16:41

干的漂亮的博客 v-for 用于将列表进行渲染，v-for 指令需要使用 item in items 形式的特殊语法，其中 items 是源数据数组，而 item 则是被迭代的数组元素的别名。v-for指令可以遍历数组，对象，字符串以及指定次数，vue中的key的...
vue 组件重新渲染出现问题 elementui vue.js 前端有问必答
2021-10-18 17:21

回答 4 已采纳没有报错,查看一下传入数据是否正确,查看一下数据类型,字符串在js中也是可以便利的修改监听数据确认数据传入正确 watch: { rows(n) { this.row = Numb
uni-app (v-for 渲染image不渲染)
2022-09-04 22:01

是鱼小溪的博客 uni-app (v-for 渲染image不渲染)
vue中v-for渲染本地图片
2022-01-21 16:16

望屿的博客把路径存放在了data里面，渲染的时候出错，由于webpack把图片当做外部资源，打包时需要引入，引入有import和require两种方式，但是前者只能放置在头部，后者却可以放置在任意位置，所以现在有两种引入本地图片的...
没有解决我的问题, 去提问

问题事件

关注

码龄粉丝数原力等级 --

被采纳

被点赞

采纳率
系统已结题 9月26日
关注

码龄粉丝数原力等级 --

被采纳

被点赞

采纳率
已采纳回答 9月18日
关注

码龄粉丝数原力等级 --

被采纳

被点赞

采纳率
创建了问题 9月18日

悬赏问题

¥15 求解O-S方程的特征值问题给出边界层布拉休斯平行流的中性曲线
¥15 谁有desed数据集呀
¥20 手写数字识别运行c仿真时，程序报错错误代码sim211-100
¥15 关于#hadoop#的问题
¥15 (标签-Python|关键词-socket)
¥15 keil里为什么main.c定义的函数在it.c调用不了
¥50 切换TabTip键盘的输入法
¥15 可否在不同线程中调用封装数据库操作的类
¥15 微带串馈天线阵列每个阵元宽度计算
¥15 keil的map文件中Image component sizes各项意思

V-for渲染出现了问题

2条回答 默认 最新

问题事件

悬赏问题

2条回答默认最新