用el-checkbox怎么写
时间: 2023-08-17 21:38:53 浏览: 55
如果你使用的是 Element UI 框架,你可以这样使用 `el-checkbox` 组件:
```html
<template>
<div>
<el-checkbox v-model="checkedPlatforms" label="1">PC</el-checkbox>
<el-checkbox v-model="checkedPlatforms" label="2">小程序</el-checkbox>
<el-checkbox v-model="checkedPlatforms" label="4">全选</el-checkbox>
</div>
</template>
<script>
export default {
data() {
return {
checkedPlatforms: [], // 用数组来绑定多选框的选中情况
};
},
};
</script>
```
在这个例子中,我们使用了 `v-model` 指令来双向绑定多选框的选中情况,将其绑定到 `checkedPlatforms` 数组上。每个 `el-checkbox` 组件的 `label` 属性表示了该选项的值,可以使用对应的位运算值(1、2、4)。
在处理表单提交时,你可以将选中的选项的值进行按位或运算,得到最终的选中情况。例如:
```javascript
let platform = 0;
this.checkedPlatforms.forEach((value) => {
platform |= parseInt(value, 10);
});
console.log(platform); // 输出选中的选项的值的按位或结果
```