在Vue.js中,可以通过v-model指令和数组来实现从复选框中获取多个选中对象的名称。
首先,在Vue实例的data属性中定义一个数组,用于存储选中的对象的名称。例如:
data() {
return {
selectedNames: []
}
}
然后,在复选框的input元素上使用v-model指令,将选中状态绑定到一个布尔值属性上,并将选中的对象的名称添加或移除到selectedNames数组中。例如:
<div v-for="item in items" :key="item.id">
<input type="checkbox" :value="item.name" v-model="selectedNames">
<label>{{ item.name }}</label>
</div>
在上述代码中,items是一个包含所有可选对象的数组,item.name表示每个对象的名称。
最后,可以通过访问selectedNames数组来获取选中的对象的名称。例如:
console.log(this.selectedNames);
这样就可以在Vue.js中从复选框中的多个选中对象中获取名称了。
关于Vue.js的更多信息和使用方法,可以参考腾讯云的产品介绍链接:Vue.js产品介绍
领取专属 10元无门槛券
手把手带您无忧上云