ルーターからクエリ項目を削除する

Question

Vue の replace メソッドを使用して、query を現在の URL に追加しています。 値が存在しない場合は、未定義として割り当てます。

this.$router.replace({
  名前: "admin-frs"、
  クエリ: {
    制限: this.pageSize、
    ページ: this.currentPage、
    並べ替え: this.sortbyapi || 未定義、
    言語: this.sortbyapiLang || 未定義、
  }、
})

これにより、クエリ データが更新されたときにクエリ項目が URL から消えますが、これは許容されます。

ただし、クエリ オブジェクトからは削除されません。

これより良い方法はありますか?

また、&limit=10...etc のように、ルートからクエリ項目を取得することは可能ですか?

Answer 1

私の理解が正しければ、OP は操作を router.replace のクエリ オブジェクトに渡すことを望んでいます。標準のjsを使用して実装できます。

まず、クエリ変数に明示的に名前を付けます...

リーリー

属性を削除するには、js delete 演算子を使用できます。たとえば、query.limit...

を削除するには リーリー

また、このクエリを構築している場合、先頭に制限属性を追加することはできません...

リーリー

これらの操作のいずれかを実行した後、変数をルーターに渡します...

リーリー

これを文字列に変換するには、多くのライブラリからのものを含め、おそらくいくつかの方法がありますが、ネイティブの方法は...

リーリー