小鱼儿心语: 这世上,真的没有什么摇身一变,没有什么突然,有的只是我们看不到的浸润着心血和汗水的低调努力。而你的差距或许就在于,只有低调,没有努力。
前言:
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>
习惯性的记录下开发中遇到的各种小问题,希望可以帮助到大家,有错误的地方请留言指正哦~