Как передать index во входной параметр, в VueJS 2.x?
Подскажите как при редеринге передать index элемента во входной параметр? Цель, получить idx элемента для передачи в метод удаления элемента из data объекта Vue.
То что сообщает Vue, совсем никак не наводит на решение или ошибку :(( Property or method "index" is not defined on the instance but referenced during render. Make sure to declare reactive data properties in the data option. (found in component ) <ul> <item :b="c" v-for="(c, index) in a"> <slot name="check"></slot> <slot></slot> <slot name="del"></slot> </item> </ul> var item = Vue.component('item', { props: ['b'], template: '<li>' + '<input type="checkbox" slot="check" @click="isStatus" v-model="b.is">' + '<span>{{ index }} :: {{ b.text }}</span>' + '<button slot="name" @click="delTodo(index)">X</button></li>' }; var app = new Vue({ el: '#wrapper', components:{ 'item': item }, data: function () { return { newTodo: '', a: [ {text:'String 1', is: true}, {text:'String 2', is: true}, {text:'String 3', is: true}, {text:'String 4', is: false} ] } } }; Полностью код |
villiwalla,
Не пишу на Vue. Но вроде работает https://jsfiddle.net/cLxz6tb2/ |
Часовой пояс GMT +3, время: 01:38. |