在控制台报错
[Vue warn]: Error in callback for watcher "visible": "TypeError: Cannot read property 'id' of undefined"
但是页面依然能够正常显示。
渲染echarts的数据是从接口中拿的data，在控制台打印data，发现data为空。
watch中监听到visible为true后，会马上执行绘制图表的方法，而此时还没有拿到绘制数据。又因为程序的执行是很快的，拿到数据赋值之后触发页面更新，就能显示了。
解决方法：
把watch中的if判断删掉就好了。
Vue中使用echarts弹窗报错：Error in callback for watcher “visible“: TypeError: Cannot read propert ‘xx‘ of...
前言：相关代码https://blog.csdn.net/KangMino/article/details/123015094问题：在写弹窗watch部分时，原本是这样写的watch: { visible(val) { this.showDialog = val if (val === true) { this.fetchDetail() } }, showDialog(val) { this.$emi
在您HTML文件
中
包括
echarts
和
vue
-
echarts
，如下所示：
< script src =" https://cdn.jsdelivr.net/npm/
echarts
@4.1.0/dist/
echarts
.js " > </ script >
< script src =" https://cdn.jsdelivr.net/npm/
vue
-e
运行一下以前的一个
Vue
+webpack的
vue
仿新闻网站 小项目，
报错
由于自己
vue
学习不深入，老是这个
报错
，找了好久（确切的说是整整一下午^…^）才找到原因 -v-
Uncaught
TypeError
: Cannot assign to
read
only
pro
pert
y 'exports' of object '#<Object>'
点开错误的文件，标注错误的地方是这样的一段代码：
import {normalTime} from './timeFormat';
module.exports={
normalTime
就是module.exports
问题描述：
浏览器发出了
报错
：
[
Vue
warn]:
Error
in
callback
for
watcher
“option”: “
TypeError
: Cannot
read
pro
pert
y ‘apply’ of undefined”
TypeError
: Cannot
read
pro
pert
y ‘apply’ of undefined
以下是我的代码：
watch: {
// 只需要关注 opti
动态cascader级联选择器
动态cascader级联选择器，发现切换数据源的时候
报错
，网上看到这个文章完美解决https://blog.csdn.net/weixin_43043994/article/details/100303097
问题怎么出现的上面文章写的很清楚，解决方法就是重新加载组件。两个方法一个加v-if,一个加key
<el-cascader
:key="keyValue" //keyValue在data
中
定义，初始值为0
clearable
:
pro
ps=".
使用
element-ui里面的级联选择器el-cascader
报错
Error
in
callback
for
watcher
"options": "
TypeError
: Cannot
read
pro
pert
y 'level' of null"
解决方法：
1 加v-if, options是你的数据源
<el-cascader v-if="options.length" " v-model="
pro
blemIds" :options="options" :
pro
ps="cascader
Pro
s"
vue
watch
报错
：
Error
in
callback
for
watcher
“
xx
x“: “
TypeError
: Cannot
read
pro
pert
ies of undefined ...
Error
in
callback
for
watcher
"flowCategory": "
TypeError
: Cannot
read
pro
pert
ies of undefined (
read
ing 'apply')"
watch监听
报错
这是在
使用
element ui
中
的cascader出现的
报错
原因暂时不清楚，个人理解可能是因为数据源没得到及时更新，而
vue
是数据驱动的，所以我加了监听器，并且给cascader绑定了一个key，这样只要监听到数据源发生变化，key 就变化，就重新渲染
<el-cascader
:key="keyValue" //keyValue在data
中
定义，初始值为0
clearable
:
pro
ps="
pro
psObj"
v-model="value"
:options=.
弄了一个动态cascader级联选择器，发现切换数据源的时候
报错
，网上看到这个文章完美解决https://blog.csdn.net/weixin_43043994/article/details/100303097
问题怎么出现的上面文章写的很清楚，解决方法就是重新加载组件。两个方法一个加v-if,一个加key
<template>
<el-cascader
这个错误提示是在
Vue
中
监视
visible
属性时出现了问题，回调函数不能为undefined。这可能是因为你没有正确地定义
visible
属性或者没有正确地定义回调函数。你可以检查一下代码
中
是否正确地定义了
visible
属性和回调函数，并确保它们没有拼写错误。如果你已经检查过了，还是无法解决问题，你可以尝试在
Vue
实例
中
添加
error
Handler来捕获错误并进行处理。具体的代码如下所示：
```
javascript
new
Vue
({
el: '#app',
data: {
visible
: false
watch: {
visible
: function(newVal, oldVal) {
// 回调函数的具体实现
error
Handler: function(err, vm, info) {
console.
error
(err);
console.
error
(vm);
console.
error
(info);
Vue中使用echarts弹窗报错：Error in callback for watcher “visible“: TypeError: Cannot read propert ‘xx‘ of...
