मुझे किसी फ़ंक्शन में किसी सरणी से स्ट्रिंग मान प्राप्त करने की आवश्यकता है। मेरे टेम्पलेट में मेरा घोषित घटक इस प्रकार है:

<video-preview v-for="video in playlist" vid-id="how-do-I-get-the-string
  -value-from-the-playlist-for-this-iteration"></video-preview>

यहाँ वह जगह है जहाँ playlist को मेरी data() { return {} } में मेरी .vue फ़ाइल में घोषित किया गया है:

playlist: [
  'videoID1',
  'videoID2',
],

और यहाँ उसी .vue फ़ाइल के methods अनुभाग में मेरा कार्य है:

playImageModal(video) {
  Analytics('content_viewed', vidId)
  // other functionality to play the video
}

मुझे playlist सरणी के वर्तमान मान को playImageModal() में Analytics() फ़ंक्शन में पास करने की आवश्यकता है, हालांकि, मुझे पूरा यकीन नहीं है कि उस मान तक कैसे पहुंचा जाए। मैंने Vue.js दस्तावेज़ीकरण को देखा है, और यह करना काफी आसान है जब मेरे playlist सरणी में सामान्य ऑब्जेक्ट छंद होते हैं ... मैं बस video.nameOfObjectAttribute अपना vid-id मेरे टेम्पलेट में मान। लेकिन तारों की एक सरणी होने पर मैं इन मानों तक कैसे पहुंचूं?

3
JCollier 16 अक्टूबर 2018, 00:06

1 उत्तर

सबसे बढ़िया उत्तर

मुझे लगता है कि आप अभी-अभी : खो रहे हैं

<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 क्या करता है

2
Daniel 16 अक्टूबर 2018, 21:24