라우터에서 쿼리 항목 제거
P粉005134685
P粉005134685 2023-08-25 22:53:17
0
1
517
<p>Vue에서 <code>replace</code> 메소드를 사용하여 현재 URL에 <code>query</code>를 추가하고 있습니다. 값이 존재하지 않으면 <code>정의되지 않음</code>로 지정합니다. </p> <pre class="brush:js;toolbar:false;">this.$router.replace({ 이름: "admin-frs", 쿼리: { 제한: this.pageSize, 페이지: this.currentPage, 정렬: this.sortbyapi || 정의되지 않음, 언어: this.sortbyapiLang || 정의되지 않음, }, }) </pre> <p>이렇게 하면 쿼리 데이터가 업데이트될 때 쿼리 항목이 URL에서 사라지게 됩니다. 이는 허용됩니다. </p> <p>그러나 쿼리 개체에서는 제거되지 않습니다. </p> <p>이것보다 더 좋은 방법이 있을까요? </p> <p>또한 <code>&limit=10...etc</code>와 같은 경로에서 쿼리 항목을 가져오는 것이 가능합니까? </p>
P粉005134685
P粉005134685

모든 응답(1)
P粉982009874

내가 올바르게 이해했다면 OP는 작업이 router.replace의 쿼리 개체에 전달되기를 원합니다. 표준 js를 사용하여 구현할 수 있습니다.

먼저 쿼리 변수의 이름을 명시적으로 지정합니다...

으아악

속성을 삭제하려면 js 삭제 연산자를 사용할 수 있습니다. 예를 들어 query.limit를 제거하려면...

으아악

또는 이 쿼리를 작성하는 경우 애초에 제한 속성을 추가할 수 없습니다...

으아악

이러한 작업을 수행한 후 변수를 라우터에 전달하세요...

으아악

문자열로 변환하려면 다양한 라이브러리의 방법을 포함하여 여러 가지 방법이 있을 수 있지만 기본 방법은...

으아악
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿