How can I modify the code below to turn the items into input fields that the user must enter? Instead of listing the items, I would like to replace them with input fields.
<template>
<div>
<b-form-input v-for="(item, index) in items" :key="index" v-model="items[index]"></b-form-input>
</div>
</template>
<script>
export default {
data() {
return {
items: [
{ age: 40, first_name: 'Dickerson', last_name: 'Macdonald' },
{ age: 21, first_name: 'Larsen', last_name: 'Shaw' },
{ age: 89, first_name: 'Geneva', last_name: 'Wilson' },
{ age: 38, first_name: 'Jami', last_name: 'Carney' }
]
}
}
}
</script>