chrome中Sources打开webpack://域，找到.下的node_modules下的element-ui/lib目录下的element-ui.common.js。

所有的组件都被打包到了这里，怎么能快速找到组件呢？我们看下这个注释：

// CONCATENATED MODULE: ./packages/checkbox/src/checkbox.vue?vue&type=template&id=d0387074&

表示打包的vue，那我们直接搜索对应的vue好了，以checkbox组件为例，首先在源码目录中找到对应的位置（./packages/checkbox/src/checkbox.vue），然后再搜索这个路径即可。
或者简单直接搜下checkbox.vue就好了。

我们打一个断点试一下，打在methods.handleChange中，点击下复选框——进入断点，打断点成功了！

Logo
Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^

avatar Vue
cover

echarts堆叠柱状图

avatar Vue

Error in v-on handler: "TypeError: Cannot read properties of undefined (reading 'current')"

这是一个 Vue.js 错误，报错信息提示在 v-on 处理程序中出现了错误：“TypeError: Cannot read properties of undefined(读取 'current')”。这意味示在您的代码中，试图读取一个未定义的变量 'current'。您需要检查您的代码，确保 'current' 已正确定义并初始化。...

avatar Vue