注册登录

哈哈柚

发布：2024-07-19 18:06
更新：2024-07-23 19:42
阅读：408

【报Bug】app端defineProps接收的参数，设置default无效

分类：uni-app

bug已确认

产品分类： uniapp/App

PC开发环境操作系统： Windows

PC开发环境操作系统版本号： Windows 11 专业版

HBuilderX类型：正式

HBuilderX版本号： 4.23

手机系统： Android

手机系统版本号： Android 14

手机厂商：小米

手机机型：小米14

页面类型： vue

vue版本： vue3

打包方式：云端

项目创建方式： HBuilderX

示例代码：

<template>  
    <view>  
        index1--test--{{test}}  
    </view>  
</template>  

<script setup>  
    const props = defineProps({  
        test:{  
            default:6666  
        }  
    });  
    console.log(props);  
</script>

app中test无法正常渲染默认值。h5测试正常。

操作步骤：

如附件代码，将代码运行到标准基座，打开app，点击跳转，第二个页面无法渲染默认值。

预期结果：

预期能正常展示默认值

实际结果：

默认值无效

bug描述：

页面跳转用defineProps接受的参数，default设置的默认值无效

test.zip

2024-07-19 18:06 负责人:无分享

5 个回复

BFC

你好，感谢反馈，已加分。近期会进行修复

哈哈柚 (作者)

有官方人员核实下bug吗

哈哈柚 (作者)

++++++

BFC

收到，我这边看下

BFC

你好，目前情况就是这样的。

页面组件时最外层的组件，正常来说不会有props数据传递进来。方便说一下你这边页面组件设置defineProps的需求场景。

哈哈柚 (作者)

你好，是这样的，我目前navigateTo中url携带的参数，到下个页面，在下个页面通过script setup中，通过defineProps进行接收的，如附件所示。目前是接收没有问题，但是如果url没有传递这个参数，但是我在defineProps设置的有default:true，但是这个true在vue3 app端没有效果，其他端可以接收。

2024-07-23 19:06
哈哈柚 (作者)

回复哈哈柚: 其他端（如小程序）default:true符合预期，正常执行。

2024-07-23 19:08
2***@qq.com

回复哈哈柚: defineProp还能接收路由传参？？？？？

2024-08-01 13:24
哈哈柚 (作者)

回复 2***@qq.com: 可以的。https://uniapp.dcloud.net.cn/tutorial/migration-to-vue3.html#url-search-params

2024-08-01 17:10

要回复问题请先登录或注册

【报Bug】app端defineProps接收的参数，设置default无效

示例代码：

`<template> <view> index1--test--{{test}} </view> </template> <script setup> const props = defineProps({ test:{ default:6666 } }); console.log(props); </script>`

app中test无法正常渲染默认值。h5测试正常。

操作步骤：

如附件代码，将代码运行到标准基座，打开app，点击跳转，第二个页面无法渲染默认值。

预期结果：

预期能正常展示默认值

实际结果：

默认值无效

bug描述：

5 个回复

公告

相关问题

【报Bug】app端defineProps接收的参数，设置default无效

示例代码： <template> <view> index1--test--{{test}} </view> </template> <script setup> const props = defineProps({ test:{ default:6666 } }); console.log(props); </script> app中test无法正常渲染默认值。h5测试正常。

操作步骤： 如附件代码，将代码运行到标准基座，打开app，点击跳转，第二个页面无法渲染默认值。

预期结果： 预期能正常展示默认值

实际结果： 默认值无效

bug描述：

与内容相关的链接

5 个回复

公告

相关问题

示例代码：

`<template> <view> index1--test--{{test}} </view> </template> <script setup> const props = defineProps({ test:{ default:6666 } }); console.log(props); </script>`

app中test无法正常渲染默认值。h5测试正常。

操作步骤：

如附件代码，将代码运行到标准基座，打开app，点击跳转，第二个页面无法渲染默认值。

预期结果：

预期能正常展示默认值

实际结果：

默认值无效