furo-location-updater

furo-location-updater #

@furo/route v2.6.13
import '@furo/route/src/furo-location-updater.js';
exports FuroLocationUpdater js
exports <furo-location-updater> custom-element-definition
superclass LitElement
mixes FBP
summary deep linking helper

furo-location-updater updates parts of the url location with pushState

You can set query params and hashes. Use this component for proper deep linking. The furo-location component will fire the location events as usual.

1
2
3
4


 <furo-location-updater
    fn-set-qp="--QueryParamKeyValuePairs"
    fn-set-hash="--HashKeyValuePairs"></furo-location-updater>

Attributes and Properties #

clearQp #

clear-qp String

Comma separated list of qp keys to clear if they are not explicitly set with fn-set-qp

clearHash #

clear-hash String

Comma separated list of hashes to clear if they are not explicitly set with fn-set-hash

Events #

__beforeReplaceState #

at-__beforeReplaceState → Number

Fired when before the state will be updated, with window.performance.now().

Methods #

setQp #

setQp(newQP `` ) ⟹ void

`` → fn-set-qp

Set query params by giving an object with key-value pairs.

Keep in mind, that this values goes to the url, so setting objects as values is not a good idea

  • newQP

setHash #

setHash(newHASH `` ) ⟹ void

`` → fn-set-hash

Set hash values by giving an object with key-value pairs.

Keep in mind, that this values goes to the url, so setting objects as values is not a good idea

  • newHASH