Я работаю с vue js, и у меня есть элементы компонента dargable, я сгенерировал перетаскиваемый компонент, используя цикл for для отображения компонента, так как я могу определить, в каком компоненте я нахожусь, когда нажимаю на компонент.
Это мой файл index.vue:
import item from './component/itemComponent.vue';
<template>
<div>
<dragable
:element="ul"
v-modal="list">
<li v-for="(index, i) in list" :key="i">
<item :indexItem="index"></item
</li>
</dragable>
</div>
</template>
А это файл itemComponent.vue:
<template>
<a
@click="getComponentAttributes()"
class="btn btn-primary">{{ intemIndex.name }} </a>
</template>
<script>
export default {
props:['indexItem'],
data(){
return {
isOpen: false
}
},
methods : {
getComponentAttributes(){
this.isOpen = true;
// its not working just for one
// component, it working for all component and I need
// to implment to one component specific
// current component
}
}
}
</script>