在Vue.js中访问v-for循环中的字符串数组值
在Vue.js中访问v-for循环中的字符串数组值
提问于 2018-10-16 05:06:43
我需要从函数中的数组中获取字符串值。我在模板中声明的组件如下：
<video-preview v-for="video in playlist" vid-id="how-do-I-get-the-string
-value-from-the-playlist-for-this-iteration"></video-preview>下面是在我的.vue文件的data() { return {} }中声明playlist的位置：
playlist: [
'videoID1',
'videoID2',
],下面是我在同一个.vue文件的methods部分的函数：
playImageModal(video) {
Analytics('content_viewed', vidId)
// other functionality to play the video
}我需要将playlist数组的当前值传递给playImageModal()中的Analytics()函数，但是，我不太确定如何访问该值。我看过Vue.js文档，当我的playlist数组包含通用对象而不是字符串时，这很容易做到……当在我的模板中设置我的vid-id值时，我会简单地执行video.nameOfObjectAttribute。但是当有一个字符串数组时，我如何访问这些值呢？
回答 1
Stack Overflow用户
回答已采纳
发布于 2018-10-16 05:23:06
我想你只是错过了:
<video-preview v-for="video in playlist" :vid-id="video"></video-preview>
包含一个键也是一个好主意
<video-preview v-for="video in playlist" :vid-id="video" :key="video"></video-preview>
如果你想运行一个函数，你可以(而不应该)
<video-preview v-for="(video, i) in playlist" :vid-id="playImageModal(video)" :key="i"></video-preview>
通常，您会在一些事件催化剂上运行函数(如@click=playImageModal(video)，但这取决于playImageModal做什么
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/52824765
复制相关文章
相似问题
腾讯云开发者
