el-checkbox的使用

最新推荐文章于 2024-03-23 10:29:22 发布

原创最新推荐文章于 2024-03-23 10:29:22 发布 · 601 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#vue.js #javascript #前端

收录于

该段代码展示了在Vue.js应用中如何使用el-checkbox组件。通过`:disabled`属性控制复选框是否禁用，利用`v-bind`指令动态绑定`checked`状态，其值基于`itema.participationStatus`是否等于-1。当状态改变时，触发`@change`事件，调用`checkBox(checked,index)`方法。

开发板推荐：天空星STM32F407VET6开发板

超高性价比 STM32主控 | 超高主频 | 一板兼容百芯 | 比赛神器 | 沉金彩色丝印

点击查看

<el-checkbox
:disabled="isDisabled"
v-bind="{'checked': itema.participationStatus == -1? true : false}"
@change="checked=>checkBox(checked,index)">
</el-checkbox>

开发板推荐：天空星STM32F407VET6开发板

超高性价比 STM32主控 | 超高主频 | 一板兼容百芯 | 比赛神器 | 沉金彩色丝印

点击查看