Vue3 router路由跳转传参-setup语法糖

小鱼儿心语: 这世上,真的没有什么摇身一变,没有什么突然,有的只是我们看不到的浸润着心血和汗水的低调努力。而你的差距或许就在于,只有低调,没有努力。

前言:Vue3中 Router的自2022-8-22 日后不能使用 params传参
—— 可以这么写,但是接收的时候会是空值
—— query可以用但不能用隐藏Url地址内的值,所以我们用History来写
这个相当于history模式父级调到子集后,子集访问历史查到的这个数据,省略了Url显示和刷新不存在的的问题

问题点:
1、JSON.stringify(Json)需要把内容转换一下不然不能传
2、JSON.parse(history.state.data)接收时也需要转换一下
3、router.push中的 state 必须是这个名字,不能用query

父级传值:
<script setup>
  const router = useRouter();
  // 跳转传值
  function handleresults(row){
    router.push({ path: '/risk/resultentry', state: {data:JSON.stringify(row)}})
  }
</script>
子级接收:
<script lang="ts" setup>
  const info = ref("");
  info.value = JSON.parse(history.state.data)
<script>

习惯性的记录下开发中遇到的各种小问题,希望可以帮助到大家,有错误的地方请留言指正哦~

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容