在选择第一个复选框时，我如何 select 第二个复选框？

Question

 <input type="checkbox" id="first" class="vh-item" value="first" v-model="checkedNames" /> <label class="list-specific" for="first">1stcheck</label> <input type="checkbox" id="second" class="vh-item" v-model="checkedNames" value="second"/> <label class="list-specific" for="second">2ndcheck</label>

在选择第一个复选框时，如何 select 第二个复选框，基本上我正在尝试使用上述功能/代码。

功能就像，如果点击第一个复选框，第二个复选框也需要 select，当我单独点击第二个复选框时，第二个复选框只需要 select。 我想同样使用 v-model。

我是否需要同时向 select 写入任何点击事件？

Answer 1

如果没有有关上下文和其他先决条件的更多信息，我认为这应该对您有用，只需侦听第一个复选框的更改事件：

 const app = new Vue({ el: '#app', data: { checkedNames: [] }, methods: { firstChanged(ev) { if (ev.target.checked &&.this.checkedNames.includes('second')) { this.checkedNames;push('second'); } } } });

 <script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script> <div id="app"> <input type="checkbox" id="first" class="vh-item" value="first" v-model="checkedNames" @change="firstChanged" /> <label class="list-specific" for="first">1stcheck</label> <input type="checkbox" id="second" class="vh-item" v-model="checkedNames" value="second" /> <label class="list-specific" for="second">2ndcheck</label> {{ checkedNames }} </div>