Vue.js dynamic values for component properties

Question

In Vue.js I'm trying to pass values from a loop as properties for a custom component.

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

Unfortunately this does not work and it only passes through the literal strings {{ $index }} and {{ upload.name }} instead of the actual values.

Jeff · Answer 1 · 2016-01-25 18:33:42Z

up vote 1 down vote

The values are in fact, passed down as strings. If you want to evaluate the expressions you need to use dynamic syntax.

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

Jeff

4,576322

answered Jan 25 at 13:32

zxzak

1,1581515

add a comment |

1 Answer 1