title: VueJs - Array of options with multi select checkbox and a textfield with value
body: <p>Hello I'm trying to set the option value in a textfield when selected. The text input will only show when an option is selected and the value from the array user.roles should populate on input text as illustrated below but for some reason that won't work. Not sure why value can't simply show..</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>new Vue({
    el: '#app',
    data: {
      user: {
        email: 'test@test.com',
        roles: [{id: 1, name:'Client', value:'this is just a value'}]
      },
      roles: [
        {
          id: 1,
          name: 'Client',
          value:'',
        },
        {
          id: 2,
          name: 'Admin',
          value:'',
        },
        {
          id: 3,
          name: 'Guest',
          value:'',
        }
      ]
    }
  })</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"&gt;&lt;/script&gt;
  
  &lt;div id="app"&gt;
  &lt;template&gt;
  
       &lt;label&gt;Email&lt;/label&gt;
              &lt;input type="text" v-model="user.email" /&gt;
          &lt;/div&gt;
          &lt;div v-for="(role,index) in roles" :key="role.id"&gt;
              &lt;label&gt;{{role.name}}&lt;/label&gt;
              &lt;input type="checkbox" v-model="user.roles" :value="role"/&gt;
  
              &lt;p v-if="user.roles.includes(role)"&gt;
                
                &lt;input type="text" value="The value from user.roles should go here.... instead of the value of role.value {{role.value}} /*** this does not work for some reason*/"&gt;
              &lt;/p&gt;
          &lt;/div&gt;
  
          &lt;p&gt;User's selected roels&lt;/p&gt;
          {{user.roles}}
          &lt;/template&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>