Vue.js组件属性的动态值

Vue.js dynamic values for component properties

本文关键字:动态 属性 js 组件 Vue      更新时间:2023-09-26

在 Vue 中.js我尝试将循环中的值作为自定义组件的属性传递。

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

不幸的是,这不起作用,它只通过文字字符串{{ $index }}{{ upload.name }}而不是实际值。

这些值实际上是作为字符串传递的。如果要计算表达式,则需要使用动态语法。

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

文字与动态