:src=""怎么根据id动态显示
时间: 2023-07-19 09:50:06 浏览: 86
Android实现的可以调整透明度的图片查看器实例
在这段代码中,使用了 `scope.row.src[scope.row.id]` 来动态获取每一行音乐的播放地址,其中 `scope` 是 Element UI 中表格组件的一个槽对象,`scope.row` 表示当前行的数据对象,`scope.row.src` 表示播放地址的数组。因此,`scope.row.src[scope.row.id]` 表示当前行对应的播放地址,其中 `scope.row.id` 是当前行的音乐ID,可以通过这个ID来获取对应的播放地址。
假设 `musiclist` 中的数据如下:
```
[
{ id: 1, song: '歌曲1', singer: '歌手1', src: ['https://music.com/1.mp3'] },
{ id: 2, song: '歌曲2', singer: '歌手2', src: ['https://music.com/2.mp3'] },
{ id: 3, song: '歌曲3', singer: '歌手3', src: ['https://music.com/3.mp3'] }
]
```
当渲染第一行音乐时,`scope.row` 的值为 `{ id: 1, song: '歌曲1', singer: '歌手1', src: ['https://music.com/1.mp3'] }`,因此 `scope.row.id` 的值为 `1`,`scope.row.src[scope.row.id]` 的值为 `https://music.com/1.mp3`,这个值会作为 `m-audio` 组件的 `src` 属性来进行音乐的播放。
希望这个解释能够帮到您,如果还有什么不清楚的地方,可以继续提问。
阅读全文