title: bind switch and form input in vuejs
body: <p>I'm looking for the VueJS best practice for synchronizing between the input element and the switch element in the following piece of code:</p>
  
  <pre><code>&lt;div class="filter panel"&gt;
    &lt;div class="field_title"&gt;Device&lt;/div&gt;
    &lt;el-switch v-model="switches.device_switch" name="device"&gt;&lt;/el-switch&gt;
    &lt;b-form-input v-model="device" placeholder="Device"&gt;&lt;/b-form-input&gt;
  &lt;/div&gt; 
  </code></pre>
  
  <p>If the input field contains any text I would like to set the <code>v-model="switches.device_switch"</code> to <code>true</code>.</p>
  
  <p>How can I achieve this?</p>