Vue.js組件屬性的動態值

Question

在Vue.js中，我試圖將循環中的值作為自定義組件的屬性傳遞。

<template v-for="upload in uploads">
   <upload-container index="{{ $index }}" filename="{{ upload.name }}"></upload-container>
 </template>

不幸的是，這是行不通的，它只能通過文字字符串{{ $index }}和{{ upload.name }}而不是實際值。

Answer 1

這些值實際上作為字符串傳遞。 如果要評估表達式，則需要使用動態語法。

<template v-for="upload in uploads">
   <upload-container :index="$index" :filename="upload.name"></upload-container>
 </template>

文字與動態