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>

文字与动态