title: how to populate v-text-field with json data
body: <p>I have a table populated with json data. There is a column 'edit' in every row. When I click on edit a dialog opens up with a form. I want to edit the table data in the form. The value of input fields of the form should show the json data. But it's not showing.</p>
  
  <p>I tried fill up the form using v-model="editedItem.type". </p>
  
  <p>This is my table:</p>
  
  <pre><code>&lt;v-data-table
          :items="myjson"&gt;
          &lt;template v-slot:items="props"&gt;
            &lt;td&gt;{{ props.item.ApplicationType }}&lt;/td&gt;
            &lt;td&gt;{{ props.item.ApplicationID }}&lt;/td&gt;
            &lt;td&gt;
              {{props.item.APIToken}}                  
            &lt;/td&gt;
            &lt;td&gt;{{ props.item.ApplicationName }}&lt;/td&gt;
            &lt;td &gt;
              &lt;img src="edit.svg" @click="editItem(props.item)"&gt; Edit
            &lt;/td&gt;
          &lt;/template&gt;
  &lt;/v-data-table&gt;
  </code></pre>
  
  <p>This is my json data </p>
  
  <pre><code>{ 
    "Applications": [{
      "ApplicationID": "74382DOD",
      "ApplicationName": "OIMInstance2",
      "ApplicationType": "OIM",
      "APIToken": "ZM8R4FRiZWWKbl235u06zbArCdOBPlEKhqHQO8Y9RJ2HgBPC+cZgbIli8fFuNZaey/2tJciJuILIWIn24WTjGA=="
    }, {
      "ApplicationID": "943ODA6G",
      "ApplicationName": "LDAPInstance2",
      "ApplicationType": "LDAP",
      "APIToken": "R9lDEW5dnN6TZg2sefEEzS6LWMNmFh4iLHMu47LmAsusHl0bZuh2rktSlXqSZRdHHEWq7sP4Xsdy6xNtDYE8xw=="
    }]
  }
  </code></pre>
  
  <p>This is my form:</p>
  
  <pre><code>&lt;v-text-field v-model="editedItem.type" label="Type"&gt;&lt;/v-text-                  
  &lt;v-text-field v-model="editedItem.id" label="ID"&gt;&lt;/v-text-field&gt;
  &lt;v-text-field v-model="editedItem.tok" label="API Token"&gt;&lt;/v-text-field&gt;
  &lt;v-text-field v-model="editedItem.name" label="Name"&gt;&lt;/v-text-field&gt;
  </code></pre>
  
  <p>This is my script:</p>
  
  <pre><code>import json from '../../static/mockdata.json'
  
  data: () =&gt; ({
    myjson: [],
    dialog: false,
    editedIndex: -1,
    editedItem: {
      type: '',
      id: '',
      tok: '',
      name: ''
    }
  },
  created () {
    this.myjson = json.Applications 
  },
  methods: {
    editItem (item) {
      this.editedIndex = json.Applications.indexOf(item)
      this.editedItem = Object.assign({}, item)
      this.dialog = true
    }
  }
  </code></pre>