@morehook/router/index.mjs

关于 vuerouter 的 hooks

import { ref, computed } from 'vue-demi';
import { useRoute, useRouter } from 'vue-router';

function useRouteQuery(key) {
  const route = useRoute();
  const router = useRouter();
  if (!route || !router)
    return ref("");
  if (key) {
    return computed({
      get: () => {
        return route.query[key];
      },
      set: (val) => {
        router.replace({ query: { ...route.query, [key]: val } });
      }
    });
  } else {
    return computed({
      get: () => {
        return route.query;
      },
      set: (val) => {
        router.replace({ query: { ...route.query, ...val } });
      }
    });
  }
}

export { useRouteQuery };