a guest Jan 23rd, 2019 68 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <div id="app">
  2.     <v-app>
  3.         <v-container grid-list-xl>
  4.             <h1>Create JSON Objects Within an Array</h1>
  5.             <v-layout row>
  6.                 <v-flex xs12 sm12 md8 lg4>
  7.                     <v-text-field v-model="prefix" label='Prefix'></v-text-field>
  8.                     <v-text-field v-model="first" label='First Name'></v-text-field>
  9.                     <v-text-field v-model="last" label='Last Name'></v-text-field>
  10.                     <v-text-field v-model="suffix" label='Suffix'></v-text-field>
  11.                 </v-flex>
  12.                 <v-flex xs12 sm12 md8 lg4>
  13.                     <v-text-field v-model="streetAddress" label='Street Address'></v-text-field>
  14.                     <v-text-field v-model="city" label='City'></v-text-field>
  15.                     <v-text-field v-model="state" label='State'></v-text-field>
  16.                     <v-text-field v-model="zip" label='Zip'></v-text-field>
  17.                 </v-flex>
  18.             </v-layout>
  19.             <v-flex xs12 sm12 md8 lg8 class="mt-4">
  20.                 <v-layout row justify-space-between>
  21.                     <v-btn color="indigo" dark @click="addAnother">Add Another Object</v-btn>
  22.                     <v-btn color="indigo" dark @click="clearAllFields">Clear All Fields</v-btn>
  23.                     <v-btn color="red" dark @click="deleteArray">Delete Entire Array</v-btn>
  24.                 </v-layout>
  25.             </v-flex>
  26.             <v-flex class="mt-4">
  27.                 <h2>{{items}}</h2>
  28.             </v-flex>
  29.         </v-container>
  30.     </v-app>
  31. </div>
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand