몇 가지 일반적인 버그 및 해결 방법

1. this.$route.push(''/xxx'')를 전달한 후 처음 전환할 때 기본적으로 메뉴 표시줄이 강조 표시되지 않습니다. 해결 방법:
경로 속성을 사용합니다. 동시에 index 속성과 default-active 속성이 일치하는지 확인하려면 경로의 name 속성을 index 및 default-active로 설정하세요.

2.element-ui 재설정 양식 재설정Fields()는 테이블의 원래 데이터에 영향을 미칩니다.
데이터의 특정 행을 수정하려면 대화 상자를 열고 변경 없이 닫습니다. @close 메소드가 트리거되고 this.refs [ ] 메소드에서 'Form'이 실행됩니다.필드를 재설정( )한 다음 다른 행의 대화 상자를 열었다가 닫습니다.테이블의 다른 행의 데이터 필드 내용은 첫 번째 데이터가 됩니다. 선택한 행. 해결 방법: 이 .refs['Form'].resetFields()를 사용하고 다른 행의 대화 상자를 연 다음 닫습니다. 테이블의 다른 데이터 행 필드 내용은 처음 선택한 데이터가 됩니다. 열. 해결책: 이것을 사용하십시오.참조 [ _ _ F또는m ].tFields()다시 설정한다음 다른 행의 대화 상자를 열었다가 닫습니다. 테이블의 다른 데이터 행 필드 내용은 선택한 첫 번째 행의 데이터가 됩니다. 해결책:다음
하세요.nextTickhttps://blog.csdn.net/gujian_peachblossom/article/details/117254326

3. @Pathvariable의 매개변수가 비어 있을 수 있는 문제
때로는 @Pathvariable 주석의 인터페이스 매개변수 호출이 비어 있어 인터페이스를 찾을 수 없기 때문에 오류가 보고되는 문제
해결 방법:
@PathVariable( value = “userName”, require = false) (여기서 require = 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. update()/updateById()를 사용하여 필드를 null 또는 빈 값으로 업데이트할 때 Mybatis-plus가 작동하지 않습니다.
해결 방법:
1. 구성 파일에서 전역 필드 전략을 설정합니다.
2. 필드를 개별적으로
@TableField 설정합니다. (값="점수",전략=FieldStrategy.IGNORED)
https://www.cnblogs.com/ngy0217/p/14830401.html

8.elementUI 테이블 페이징, 페이지를 넘긴 후 확인란의 선택이 취소됩니다.
해결 방법: 확인란 열에 :reserve-selection="true" 속성을 추가하고 el-table에 :row-key="rowKeys" 속성을 추가합니다. rowKey는 메소드입니다: rowKeys(row) { return
row . id //여기서 id는 자신의 필드 이름에 따라 작성된 행 데이터입니다. } 선택한 확인란을 선택 취소하고 this.$refs.(el-table의 ref 속성 값).clearSelection()을 호출해야 합니다. https:// blog .csdn.net/qq_34103387/article/details/103278198



**9. vuex를 사용하여 매장을 찾을 수 없다는 오류를 보고합니다 . **** **** 해결 방법: main.js: new Vue(라우터, 저장, 렌더링: h = > h (A pp)).store에서 vue 2를 인스턴스화합니다. ** 해결 방법: new Vue({ router, store, render: h => h(App) })를 작성하여 main.js에서 vue2를 인스턴스화합니다.매장 _ _*해결책 : main 에서 vu e 2 인스턴스화 합니다 . j s : new v u e ( router , _저장 , _ _다시 말해 _ _:시간=>h ( A 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. vue의 프로토타입 체인을 사용하여 vuex에 호출 인터페이스(this.$http.get(this.API.getMenuInfo,))를 마운트할 수 없습니다. 해결 방법:
블로그 http://t.zoukankan.com/jackson-에 따르면 yqj-p-10303364.html은 axios 액세스 인터페이스를 사용하여 해결됩니다.

**11.vue+el-menu 재귀로 인해 내보내기가 실패합니다 ** ✽ 해결책: 추가: v − 바인딩 = " 하위 구성 요소 호출 자체의 레이블에서 내보내기가 실패합니다** 해결책: 추가: 하위 구성 요소의 레이블에 v- 자신을 바인드="라고 부르세요.유효 하지 않아요 _*해결 방법: 하위 구성 요소 호출 자체의 태그 내에 v를 추가하세요.-d=" attrs" v-on=“$listeners”
https://blog.csdn.net/real_xiaobai/article/details/120547278

12. 삭제가 배열 구성원을 삭제한 후에는 배열의 길이가 변경되지 않아 다음 순회 중에 오류가 발생합니다.
해결 방법: splice 방법을 사용하여 삭제합니다.

13. vue 컴포넌트 treeselect를 사용하여 특정 노드 선택을 금지하는 방법.
예: 드롭다운 노드에는 세 가지 유형(코드명 1, 2, 3)이 있으며 유형이 1 또는 2인 경우 해당 노드를 선택할 수 없습니다.
해결 방법: 구성 요소 속성을 flat="true"로 설정하고 isDisabled: node.type을 구성 요소의 my_normalizer 메서드에서 반환된 개체에 추가합니다: Normalizer="my_normalizer" 속성.1 || 노드.유형2? 사실 : 거짓
https://www.cnblogs.com/Guhongying/p/14514577.html

14. 데이터베이스의 Springboot 일괄 작업에는 트랜잭션을 사용해야 합니다.
해결책: https://blog.csdn.net/qq_48922459/article/details/122391710

추천

출처blog.csdn.net/weixin_44428163/article/details/126170850