vue后台管理项目遇到的小问题
我怎么啥也不懂
这个作者很懒,什么都没留下…
展开
-
Vue Cannot read properties of null (reading ‘setAttribute‘) 报错
vue+element-ui 的项目报这个错:Cannot read properties of null (reading 'setAttribute') 或者Cannot read property 'disabled' of null 报错是因为我们使用了element的组件 <el-dropdown> </el-dropdown> 却没有使用它的子组件而报错, 加上子组件就好了: <el-dropdown> .原创 2021-11-05 14:37:40 · 11173 阅读 · 6 评论 -
vue_elementui 表格渲染小bug
vue报错Error in render: "TypeError: Cannot read property ‘name’ of undefined"当在vue中遇到这种错时,就意味着你使用了三层对象 a.b.c (或a[b].c)例如: {{ obj[scope.row.appId].appName }}<my-table :data="list" :pagination.sync="pagination" :selection.sy原创 2021-11-04 11:21:02 · 313 阅读 · 0 评论 -
vue+element-ui 中动态表单的校验(遍历出来的el-form-item)
vue+element-ui 中动态表单的校验(遍历出来的el-form-item)我们在使用el-form时,有时候一些表单项el-form-item的数量是不固定的,是通过遍历出来的,数据data里有多少个对象,就会有多少个el-form-item,这时候我们的表单验证用文档中的方法是行不通的。解决方法:在图片中的el-form-item中,有多少个取决于systemData数组的长度,而这时候每一个item都要求检验,这时prop需要动态绑定,"name[${index}]" =>原创 2021-11-02 18:02:28 · 2500 阅读 · 1 评论 -
前端想要把后端接口的字段名改成自己想要的,可以使用以下两种方法!!!!
第一种:this.roleDatas = JSON.parse(JSON.stringify(this.roleDatas).replace(/appName/g,'roleName'))this.roleDatas 是接口拿到的数据,数据结构为数组对象,先深拷贝,再用replace属性全局替换,把this.roleDatas里的appName字段名换成roleName。如果页面有两处地方用到appName,字段名改变会造成影响,解决办法就是替换以后把整个数组给到别的数据中而不是自己本身,在da原创 2021-10-28 16:05:18 · 2835 阅读 · 1 评论 -
2021-10-25 element from表单循环中的检验
vue项目 form表单校验,如果el-form-item是需要遍历出来的,并且每一个都需要校验,那 :prop 为:title和content为各自的属性,${item}为遍历出来的,languaValue是一个数组,值为数字,所以:props为title[0],title[1],同时检验要写在el-form-item中。2.input框检验如果要求只能输入数字数字类型的验证需要在 v-model 处加上 .number 的修饰符,这是 Vue 自身提供的用于将绑定值转化为 number 类型的原创 2021-10-25 11:19:08 · 188 阅读 · 0 评论