element-ui 框架的checkbox组件：点击事件与选中判断 - 代码篇

最新推荐文章于 2024-07-18 14:34:03 发布

草巾冒小子

最新推荐文章于 2024-07-18 14:34:03 发布

阅读量3.9w

点赞数 4

分类专栏： Vue.js element-ui Element踩坑篇

本文为CSDN博主原创文章，不允许其他平台转载。擅自转载至其他平台，严肃追究！

本文链接：https://blog.csdn.net/qq_35393869/article/details/88066798

版权

Vue.js 同时被 3 个专栏收录

138 篇文章 10 订阅

订阅专栏

element-ui

39 篇文章 5 订阅

订阅专栏

Element踩坑篇

28 篇文章 13 订阅

订阅专栏

vue + element-ui 框架的checkbox组件：点击事件与选中判断

代码如下：

html部分

<!-- 全选 刷新 -->
<div class="btn">
	<el-checkbox v-model="checkedAll" @change="checkedAllFun">全选</el-checkbox>
	<el-checkbox v-model="checkedFresh" @change="checkedFreshPage">刷新</el-checkbox>
</div>

特别提醒：注意：
使用的获取选中值的事件是@change="事件"

js部分

// 全选
checkedAllFun: function(e,checkedAll){
	console.log("全选"+this.checkedAll);
},
// 刷新
checkedFreshPage: function(e,checkedFresh){
	console.log("刷新"+this.checkedFresh);
}