VueJS: How to pass interpolated variable as parameter

Question

I want to pass the index of the v-for loop as a parameter in my removeTask function. How can I do this?

<ol class="list-group">
    <li v-for="task in tasks"
        class="list-group-item"> 
        {{ task.body }}
    <button class="btn btn-primary" v-on:click="removeTask({{$index}})">x</button>
    </li>
</ol>

Suggestions pretty much appreciated :)

pespantelis · Accepted Answer · 2015-12-12 16:01:28Z

4

You should remove the brackets {{ }}

<button class="btn btn-primary" v-on:click="removeTask($index)">x</button>

answered Dec 12, 2015 at 16:01

pespantelis

15.4k7 gold badges46 silver badges47 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

VueJS: How to pass interpolated variable as parameter

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related