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]

나는 내가 보장 할 수 있습니다 방법 http://medialize.github.io/URI.js/

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

질문

'조각 손보는'에 대한 워드 프로세서 당으로

일어날 것으로 예상 무엇 URI.js의 플러그인이로드되고 작동합니까? 그런 다음 형식화 된 URI 조각을 출력하지 않는 이유를 파악해보십시오.

Answer 1

내가 올리 자마자 대답을 찾았습니다.

실제로 URI.fragmentQuery.js을 원했을 때 URI.fragmentURI.js 코드를 사용하려고했습니다.

라이브러리의 올바른 플러그인으로 스와핑하여이 문제를 해결했습니다.