Vue.jsとURI.jsを使用してlocation.hashにオブジェクトを書き込む

Question

私はフィルタと共に項目のリストを持っています。 window.location.hashプロパティにフィルターオプションを格納したいので、共有可能なURLがあるようにしてください。

私は、URI.jsを使用して動作するハッシュフラグメントを構築するのに苦労しています。

• Vue.js 2.4.4
• URI.js 1.19.0

は、私がこれまでに何が起こっている

import Uri from "urijs"; 
let UriFragment = require('../../node_modules/urijs/src/URI.fragmentURI.js'); 

// UpdateHash method 
let uri = new Uri(window.location.href); 
uri.fragment({ 
    providers: ['best', 'bestest'], 
    sort: 'recommended' 
}); 

window.location.hash = uri.fragment(); 

何をやりましたか？

example.com/list-of-things#![object Object]

私は '断片をいじる' についてのドキュメントを1として

が起こることが予想何

http://medialize.github.io/URI.js/

example.com/list-of-things#providers=best&providers=bestest&sort=recommended

私がいることを保証することができますどのように質問

URI.jsのプラグインがロードされていて動作していますか？そして、なぜそれがフォーマットされたURIフラグメントを出力していないのかを理解することに移ります。

Answer 1

私が投稿したらすぐに知っていた、私は答えを見つけるだろう。

URI.fragmentURI.jsのコードを実際に使ってみたところ、URI.fragmentQuery.jsです。

ライブラリの正しいプラグインにスワップしてこの問題を解決しました。