绑定开关和形式的输入

Question

我正在寻找的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_switch"设置为true。

我该如何做到这一点？

Answer 1

设置绑定到输入的device属性的观察器。在观察器中，您可以根据device字符串的长度设置值switches.device_switch字符串：

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