写一个elementui关于复选框的例子
时间: 2023-10-18 12:18:33 浏览: 105
vue基于element-ui的三级CheckBox复选框功能的实现代码.zip
5星 · 资源好评率100%
好的,下面是一个关于elementui复选框的例子:
```html
<template>
<div>
<el-checkbox v-model="checkedCities" label="北京"></el-checkbox>
<el-checkbox v-model="checkedCities" label="上海"></el-checkbox>
<el-checkbox v-model="checkedCities" label="广州"></el-checkbox>
<el-checkbox v-model="checkedCities" label="深圳"></el-checkbox>
</div>
</template>
<script>
export default {
data() {
return {
checkedCities: []
};
}
};
</script>
```
以上是一个简单的elementui复选框例子。在该例子中,我们创建了四个复选框,并使用v-model指令将复选框的选中状态绑定到了一个数组`checkedCities`中。当某个复选框被选中时,Vue会自动将它的`label`属性值添加到`checkedCities`数组中。可以根据实际需要对复选框进行样式和功能的定制化。
阅读全文