7***@tmp.dcloud.io
7***@tmp.dcloud.io
  • 发布:2025-01-20 20:45
  • 更新:2025-01-20 20:45
  • 阅读:27

【报Bug】Vue3+TS+setup 页面最外层组件的Props参数如果跟URL查询参数相同,并且查询参数不在页面defineProps中声明,会传递到最外层组件的Props中

分类:uni-app

产品分类: uniapp/H5

PC开发环境操作系统: Windows

PC开发环境操作系统版本号: -

HBuilderX类型: 正式

HBuilderX版本号: 4.45

浏览器平台: Chrome

浏览器版本: -

项目创建方式: HBuilderX

示例代码:

页面: index.vue

<script setup lang="ts">  
</script>  

<template>  
  <SafeArea :insetTop="false" />  
</template>

组件: SafeArea.vue

<script setup lang="ts">  
const props = defineProps<{  insetTop?: boolean; }>();  

console.log("SafeArea", props);  
</script>  

<template>  
  <div>  
    <slot />  
  </div>  
</template>

操作步骤:

访问页面带上查询参数(insetTop):http://xxxx/index?insetTop=20

预期结果:

组件 SafeArea 中 console 正确输出:"SafeArea" {insetTop: false}

实际结果:

组件 SafeArea 中 console 实际输出:"SafeArea" {insetTop: 20}

bug描述:

Vue3+TS+setup 页面最外层组件的Props参数如果跟URL查询参数相同,并且查询参数不在页面defineProps中声明,会传递到最外层组件的Props中

2025-01-20 20:45 负责人:无 分享
已邀请:

要回复问题请先登录注册