一些常见的bug和解决办法

1.通过this.$route.push(‘’/xxx’')后,首次切换菜单栏不默认高亮
解决办法:利用route属性,同时为了保证index属性和的default-active属性一致,将路由的name属性设置给index和default-active

2.element-ui重置表单resetFields()会影响表格里的原数据
打开修改某一行数据的对话框不做任何修改关掉,触发@close的方法,方法中执行this. r e f s [ ′ F o r m ′ ] . r e s e t F i e l d s ( ) ,再打开其它行的对话框然后关闭,表格里其它行数据的字段的内容会变成第一次选择的行的数据。解决办法:使用 t h i s . refs['Form'].resetFields(),再打开其它行的对话框然后关闭,表格里其它行数据的字段的内容会变成第一次选择的行的数据。 解决办法:使用this. refs[Form].resetFields(),再打开其它行的对话框然后关闭,表格里其它行数据的字段的内容会变成第一次选择的行的数据。解决办法:使用this.nextTick
https://blog.csdn.net/gujian_peachblossom/article/details/117254326

3.@Pathvariable的参数允许为空的问题
有时候调用@Pathvariable注解的接口参数为空会导致找不到接口而报错,
解决办法:
@PathVariable(value = “userName”,required = false)(这里有required = false还不能解决问题)
@GetMapping(value = {“/check/{userName}”,“/check/”})(一定要有后面那个url)
https://blog.csdn.net/qq_37210826/article/details/88291087

4.vue把对象给某个变量,改变变量的值,源对象也会变化
解决办法:this.optionB=JSON.parse(JSON.stringify(this.optionA))

5.spring-boot版本过高导致使用allowedOrigins(“*”)会有跨域问题
解决办法:应替换成替换成.allowedOriginPatterns或降低spring-boot版本。

6.vue-router版本太低,没有router.addRoute()方法导致的报错问题
解决办法:使用router.addRoutes()方法或提升vue-router版本。

7.Mybatis-plus使用update()/updateById()将字段更新为null或者空值时候不起作用
解决办法:
1.在配置文件中,设置全局的field-strategy
2.对字段进行单独设置
@TableField(value=“score”,strategy=FieldStrategy.IGNORED)
https://www.cnblogs.com/ngy0217/p/14830401.html

8.elementUI表格分页,复选框选中翻页后会变成未选中的问题。
解决办法:在复选框列添加、:reserve-selection="true"属性,并在el-table添加、:row-key="rowKeys"属性,rowKey是一个method:
rowKeys(row) {
return row.id //这里的id是行数据,根据自己的字段名写
}
需要清空选中的的复选框调用this.$refs.(el-table的ref属性值).clearSelection()
https://blog.csdn.net/qq_34103387/article/details/103278198

**9.使用vuex报报错提示找不到 s t o r e 。 ∗ ∗ 解决办法:在 m a i n . j s 中实例化 v u e 2 的写法: n e w V u e ( r o u t e r , s t o r e , r e n d e r : h = > h ( A p p ) ) . store。** 解决办法:在main.js中实例化 vue2的写法: new Vue({ router, store, render: h => h(App) }). store解决办法:在main.js中实例化vue2的写法:newVue(router,store,render:h=>h(App)).mount(‘#app’)
vue3的写法:
const app = createApp(App)
app.user(router)
app.use(store)
app.mount(‘#app’)
而vuex从4.0版本开始只能通过vue3的写法使用,因为项目使用的是vue2,所以需要把vuex的版本换成4之前的版本。

10.在vuex中不能使用vue的原型链挂载调用接口(this.$http.get(this.API.getMenuInfo,))
解决办法:根据博客http://t.zoukankan.com/jackson-yqj-p-10303364.html使用axios访问接口解决。

**11.vue+el-menu递归导致 e m i t 失效 ∗ ∗ 解决办法:子组件调用本身的标签内添加: v − b i n d = " emit失效** 解决办法:子组件调用本身的标签内添加:v-bind=" emit失效解决办法:子组件调用本身的标签内添加:vbind="attrs" v-on=“$listeners”
https://blog.csdn.net/real_xiaobai/article/details/120547278

12.delete删除数组成员后数组长度不会改变导致下次遍历报错
解决办法:使用splice方法删除

13.使用vue组件treeselect如何实现禁止选择某些节点。
例:下拉节点有三种类型(代号为1,2,3),如果类型是1或者2的话,禁止该节点被选中。
解决办法:设置组件属性:flat=“true”,在组件:normalizer="my_normalizer"属性的my_normalizer方法中return的对象中添加isDisabled: node.type1 || node.type2 ? true : false
https://www.cnblogs.com/Guhongying/p/14514577.html

14.springboot批量操作数据库需要使用事务。
解决办法:https://blog.csdn.net/qq_48922459/article/details/122391710

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值