JSFiddle - React, Tailwind, and code Playground

by skirtle

HTML

<script src="https://unpkg.com/[email protected]/dist/vue.js"></script>
<div id="app">
  <div v-for="element in list" :key="element.id">
    <div>
      <div>{{element.id}}</div>
      <input type="file" @change="changeInput(element.id)">
    </div>
    <button @click="removeEntry(element.id)">Remove</button>
  </div>
</div>

JavaScript

new Vue({
  el: '#app',
  
  data () {
    return {
      list: [
        { id: 'first' },
        { id: 'second' }
      ]
    }
  },
  
  methods: {
    changeInput (id) {
      console.log('changeInput', id)
    },

		removeEntry (id) {
      console.log('removeEntry', id)
    }
  }
})