vue + iview 循环数组到多选框
时间: 2023-11-23 08:07:32 浏览: 83
vue+iview/elementUi实现城市多选
的选中状态如何绑定?
你可以使用 v-model 来绑定多选框的选中状态,将已选择的值保存在一个数组中,可以通过 v-for 循环渲染多个多选框,每个多选框的选中状态通过绑定数组中对应的值来控制。例如:
<template>
<div>
<div v-for="item in options" :key="item.value">
<Checkbox v-model="selected" :label="item.value">{{ item.label }}</Checkbox>
</div>
<div>已选择:{{ selected }}</div>
</div>
</template>
<script>
import { Checkbox } from 'iview';
export default {
components: { Checkbox },
data() {
return {
options: [{ value: 'apple', label: '苹果' }, { value: 'banana', label: '香蕉' }],
selected: [],
};
},
};
</script>
阅读全文