首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >在Vue.js中访问v-for循环中的字符串数组值

在Vue.js中访问v-for循环中的字符串数组值
EN

Stack Overflow用户
提问于 2018-10-16 05:06:43
回答 1查看 9.8K关注 0票数 3

我需要从函数中的数组中获取字符串值。我在模板中声明的组件如下:

代码语言:javascript
复制
<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的位置:

代码语言:javascript
复制
playlist: [
  'videoID1',
  'videoID2',
],

下面是我在同一个.vue文件的methods部分的函数:

代码语言:javascript
复制
playImageModal(video) {
  Analytics('content_viewed', vidId)
  // other functionality to play the video
}

我需要将playlist数组的当前值传递给playImageModal()中的Analytics()函数,但是,我不太确定如何访问该值。我看过Vue.js文档,当我的playlist数组包含通用对象而不是字符串时,这很容易做到……当在我的模板中设置我的vid-id值时,我会简单地执行video.nameOfObjectAttribute。但是当有一个字符串数组时,我如何访问这些值呢?

EN

回答 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做什么

票数 3
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/52824765

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档