uniapp vue3 路由传参 利用props获取参数

A页面跳转B页面

A页面

function toDetail(value) {
  console.log('click');
  let chuansVal = encodeURIComponent(JSON.stringify(value));
  console.log(chuansVal);
  uni.navigateTo({
    url: "/pages/material/receiveDetail?data=" + chuansVal
  });
}

B页面

const props = defineProps({
  data: String
});
const data = JSON.parse(decodeURIComponent(props.data)
console.log("data", data);