Vue路由传参如何解决query传参用户可手动修改路由参数
发布于 3 年前 作者 clubadmin 1838 次浏览 来自 问答
粉丝福利 : 关注VUE中文社区公众号,回复视频领取粉丝福利

简单说一下我的疑问
1.路由跳转时传了个id,disabled两个参数
this.$router.push({
name: ‘topages’,
query: { id: res.data.id,disabled: false },
});
2.在路由页面获取参数
this.$route.query.id;
this.$route.query.disabled;

影响:
1、通过获取的disabled来设置页面中的input是否可用,但是query传参方式会在url上直接显示参数,用户完全可通过修改url中的disabled来修改原来禁用的input。
2、而通过parmas传参虽然不会显示参数,但是会导致页面刷新数据丢失。

问题:有没有什么比较好的方式,能够不显示路由传参并解决刷新页面时数据不丢失的问题?

回到顶部