A set of simple components to manage route and query params using Vue Router.
Please, check the documentation page here. And here some live examples.
yarn add vue-route-values
or
npm install vue-route-values --save
And that's all! Here you have a simple usage example.
<template>
<RouteQueryValue
#default="{ value, set }"
:encode="x => String(x)"
:decode="x => Number(x)"
name="page"
:defaultValue="1"
>
<div class="paginator">
<a @click="set(value - 1)">prev</a>
<div>{{ value }}</div>
<a @click="set(value + 1)">next</a>
</div>
</RouteQueryValue>
</template>
<script>
import { RouteQueryValue } from 'vue-route-values'
export default {
name: 'RouteQueryValueExample',
components: { RouteQueryValue },
}
</script>