element ui Error in callback for watcher “options“: “TypeError: Cannot read property ‘level‘ o

这是在使用 element ui 中的 cascader 出现的报错
原因暂时不清楚，个人理解可能是因为数据源没得到及时更新，而vue是数据驱动的，所以我加了监听器，并且给cascader绑定了一个key，这样只要监听到数据源发生变化，key 就变化，就重新渲染

<el-cascader
 	:key="keyValue"  //keyValue在data中定义，初始值为0
  	clearable
    :props="propsObj"
    v-model="value"
   :options="options"
</el-cascader>
watch: {
  options(newVal) {
    this.keyValue++ //只要监听到数据源发生变化 ，改变keyValue的值，达到重新渲染的效果
还有另一个是这样做的
 我这里要循环产生多个cascader，然后最外层的div绑定了key，这样也没报错
 
<div v-for="(item, index) in filterProductAttrList" :key="index" style="margin-bottom: 10px;">
  <el-cascader
    clearable
    :props="propsObj"
    v-model="item.value"
    :options="cascaderOptions"
  </el-cascader>
                    element ui Error in callback for watcher “options“: “TypeError: Cannot read property ‘level‘ o
                    这是在使用element ui中的cascader出现的报错原因暂时不清楚，个人理解可能是因为数据源没得到及时更新，而vue是数据驱动的，所以我加了监听器，并且给cascader绑定了一个key，这样只要监听到数据源发生变化，key 就变化，就重新渲染&lt;el-cascader 	:key="keyValue"  //keyValue在data中定义，初始值为0  	clearable    :props="propsObj"    v-model="value"   :options=.
				
在登入页面，我们往往需要通过输入验证码才能进行登入，那我们下面就详讲一下在vue项目中如何配合element-ui实现这个功能
第一步：自定义一个生产随机验证码的组件，其本质是使用canvas绘制，详细代码如下：
<template>
 <div class=s-canvas>
 <canvas id=s-canvas width=contentWidth height=contentHeight></canvas>
</template>
[removed]
export default {
 name: 'SIdentify',
 props: {
querySearch(queryString, cb) {
      var restaurants = this.restaurants;
      var results = queryString ? restaurants.filter(this.createFilter(queryString)) : restaurants;
      // 调用 callback 返回建议列表的数据
      cb(results);
createFilter(queryString) {
      return (restaurant) => {
        return (restaurant.value.toLowerCase().indexOf(queryString.toLowerCase())
				
使用element-ui里面的级联选择器el-cascader报错Error in callback for watcher "options": "TypeError: Cannot read property 'level' of null"
解决方法：
1 加v-if, options是你的数据源
 <el-cascader v-if="options.length" " v-model="problemIds"  :options="options" :props="cascaderPros"
问题描述：
浏览器发出了报错：
[Vue warn]: Error in callback for watcher “option”: “TypeError: Cannot read property ‘apply’ of undefined”
TypeError: Cannot read property ‘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
    :props=".
					
Error in callback for watcher "options": "TypeError: Cannot read property 'level' of null TypeError
				
弄了一个动态cascader级联选择器，发现切换数据源的时候报错，网上看到这个文章完美解决https://blog.csdn.net/weixin_43043994/article/details/100303097
问题怎么出现的上面文章写的很清楚，解决方法就是重新加载组件。两个方法一个加v-if,一个加key
<template>
   <el-cascader
				element ui Error in callback for watcher “options“: “TypeError: Cannot read property ‘level‘ o
					12153
				“TypeError: this.$confirm is not a function“以及“TypeError: this.$message is not a function“