elementUI中的el

您所在的位置：网站首页 › checklist表单 › elementUI中的el

elementUI中的el

2023-08-01 11:13| 来源: 网络整理| 查看: 265

在使用el-checkbox时遇上这样的错误：

TypeError: Cannot read property ‘length’ of undefined at VueComponent.isLimitDisabled (element-ui.common.js?ccbf:6452) at Watcher.get (vue.esm.js?efeb:4482) at Watcher.evaluate (vue.esm.js?efeb:4587) at VueComponent.computedGetter [as isLimitDisabled] (vue.esm.js?efeb:4839) at VueComponent.isDisabled (element-ui.common.js?ccbf:6455) at Watcher.get (vue.esm.js?efeb:4482) at Watcher.evaluate (vue.esm.js?efeb:4587) at VueComponent.computedGetter [as isDisabled] (vue.esm.js?efeb:4839) at Object.get (vue.esm.js?efeb:2104) at Proxy.checkboxvue_type_template_id_d0387074_render (element-ui.common.js?ccbf:6161)

在template中，我的这样绑定的：

无忧退货快速退货免费包邮

在data选项中：

data() { return { form: { checkList: [] } } }

报错的原因： form对象中途被你改变了，里面已经没有checkList这个数组，不信可以在watch中监测form，把他的值打印出来

过程是因为，我拷贝了一份form对象，params = Object.assign({}, form)，然后把请求回来的响应的对象赋值给了form， params = response

解决方法有两个：

一个是最简单的，不要把checkList放在表单对象form里面，直接在data中声明

data() { return { checkList: [] } }

另一个方法，记住，对象与对象之间不要直接直接赋值，应该使用对象的属性合并方法，比如

var form = { a: 1, checkList: [] } var response = { a: 1, c: 4 } form = response; //这样操作很危险，会把form表单中的checkList给干掉了

所以，你应该这么做 Object.assign({}, form, response)，这是对象的属性合并方法，这时候你去vue的watch中监测form, checkList还活着，所以也就没有length is not define这个错误了

【本文地址】

elementUI中的el

elementUI中的el

今日新闻

推荐新闻