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

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

前言: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>

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

© 版权声明

相关文章

2 条评论

  • 头像
    泰美丽发大财 读者

    我说params怎么都传不过去值😂

    无记录
    回复
  • 头像
    读者

    @细雨拂沙 哈哈哈,很开心能帮助到你~

    无记录
    回复