라우터에서 쿼리 항목 제거

Question

Vue에서 replace 메소드를 사용하여 현재 URL에 query를 추가하고 있습니다. 값이 존재하지 않으면 정의되지 않음로 지정합니다.

this.$router.replace({
  이름: "admin-frs",
  쿼리: {
    제한: this.pageSize,
    페이지: this.currentPage,
    정렬: this.sortbyapi || 정의되지 않음,
    언어: this.sortbyapiLang || 정의되지 않음,
  },
})

이렇게 하면 쿼리 데이터가 업데이트될 때 쿼리 항목이 URL에서 사라지게 됩니다. 이는 허용됩니다.

그러나 쿼리 개체에서는 제거되지 않습니다.

이것보다 더 좋은 방법이 있을까요?

또한 &limit=10...etc와 같은 경로에서 쿼리 항목을 가져오는 것이 가능합니까?

Answer 1

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

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

으아악

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

으아악

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

으아악

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

으아악

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

으아악