element(输出checkbox所选中的内容）

最新推荐文章于 2023-02-09 11:12:32 发布

南玖i

最新推荐文章于 2023-02-09 11:12:32 发布

阅读量671

点赞数

分类专栏： element 文章标签： vue.js javascript

本文链接：https://blog.csdn.net/m0_49789433/article/details/120154730

版权

Vue.js 复选框事件处理数据绑定前端开发

关键词由CSDN通过智能技术生成

element 专栏收录该内容

19 篇文章 0 订阅

订阅专栏

<template>
<div>
 <el-checkbox-group v-model="checkList" @change="checkLists">
    <el-checkbox label="复选框 A"></el-checkbox>
    <el-checkbox label="复选框 B"></el-checkbox>
    <el-checkbox label="复选框 C"></el-checkbox>
    <el-checkbox label="禁用" disabled></el-checkbox>
    <el-checkbox label="选中且禁用" disabled></el-checkbox>
  </el-checkbox-group>
</div>
</template>
<script>
export default {
    data() {
      return {
        //checkList必须是数组,否则无法输出
        checkList: ['选中且禁用', '复选框 A'],
      }
    },
    methods:{
      checkLists:function(){
        console.log(this.checkList)
      }
    }
  }
</script>

change是内容改变时间，内容修改的时候出发这个事件

选中什么就可输出什么