Vue.js 在vuejs中绑定开关和表单输入

我正在以下代码段中寻找VueJS在输入元素和开关元素之间同步的最佳实践：

<div class="filter panel">
  <div class="field_title">Device</div>
  <el-switch v-model="switches.device_switch" name="device"></el-switch>
  <b-form-input v-model="device" placeholder="Device"></b-form-input>
</div> 

装置

如果输入字段包含任何文本，我想将

v-model=“switches.device\u开关”

设置为

true

---

如何实现这一点？

为绑定到输入的

设备

属性设置一个监视程序。在watcher中，您可以根据

设备

字符串的长度设置

开关的值。设备_开关

：

watch: {
  device: function(value) {
    this.switches.device_switch = value.length !== 0;
  }
}