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>

Literal vs Dynamic