vue中用mint ui checklist 插件change事件不能获取全部值的原因

张cccccyc是我

已于 2022-07-20 11:03:43 修改

阅读量2.4k

点赞数

CC 4.0 BY-SA版权

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

于 2018-08-02 10:57:03 首次发布

本文链接：https://blog.youkuaiyun.com/qq_29783621/article/details/81354867

vue 专栏收录该内容

3 篇文章

订阅专栏

本文探讨了在 Vue 中使用 Mint UI 的 Checklist 组件时遇到的问题：通过 @change 事件无法获取到所有选中值的情况。分析了可能的原因，并提供了两种解决方案：一是通过 $event 参数获取当前事件信息；二是利用 watch 监听属性的变化。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

vue中用mint ui checklist 插件change事件不能获取全部值的原因

###这是使用@change事件输出的选中值
这里写图片描述

看到了输出内容并不是全部选中的值。
###原因

1、可能是因为生命周期的原因，methods 监听的第一次就是修改前的值。
2、也可能是没有传入当前参数

###解决办法

1、@change=“checkon($event)”
2、用watch监听来获取

    watch:{
      value:{
        //注意：当观察的数据为对象或数组时，curVal和oldVal是相等的，因为这两个形参指向的是同一个数据对象
        handler(curVal,oldVal){
          console.log(curVal,oldVal);
        },
        deep:true
      }
    },