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

tech2024-11-24  19

这是在使用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> </div>
最新回复(0)