[Vuejs]-Add and remove functionality in VueJs

by

0👍

✅

I have half solved it but still only one problem remain that values are not showing in a different line but in a single line 

 <td class="text-xs-left">
    <v-edit-dialog
      v-for="value in props.item.values"
       @open="temp = props.item.values"                                           
       large
       lazy>
    <div>{{value}}</div>
     <div slot="input" class="mt-3 title">Update Iron</div>
    <v-text-field
     slot="input"
      label=""
    v-model="temp"
    single-line
    counter
    autofocus
    ></v-text-field>
    </v-edit-dialog>

    </td>

Now able to click the individual entry but in the table, it shows like this

590380500

but I want it like this
590
380
500
I have tried to use

<div>{{value}}<br></div>

but it wont work.. anyone have an idea how it should work

Leave a comment