1***@qq.com
1***@qq.com
  • 发布:2024-10-31 16:25
  • 更新:2024-11-07 17:17
  • 阅读:163

uniapp vue3 组合式api 父子组件 传值 微信小程序报错

分类:uni-app

父组件<tree /> 不传值可以正常显示

父组件使用 <tree text="aaaaaaa" /> //报错

子组件

<template>
<div class="tree-main">我是子组件 </div>
</template>

<script setup lang="ts">
// 定义 Props 类型
interface Props {
text: string;
}

// 获取 Props
const props = defineProps<Props>();

// 示例:在 mounted 钩子中使用 props
onMounted(() => {
console.log("子组件已挂载,接收到的 text 值为:", props.text);
});
</script>

<style scoped lang="scss">
/ 你可以在这里添加样式 /
</style>

父组件不传值时,子组件内容正常显示,一传值就报错
TypeError: up.split is not a function
at findComponentPropsData (vendor.js:6617)
at findPropsData (vendor.js:7306)
at Oi.attached (vendor.js:7584)
at o.safeCallback (WASubContext.js?t=wechat&s=1730360131970&v=3.5.5:1)
at o.call (WASubContext.js?t=wechat&s=1730360131970&v=3.5.5:1)
at t (WASubContext.js?t=wechat&s=1730360131970&v=3.5.5:1)
at t (WASubContext.js?t=wechat&s=1730360131970&v=3.5.5:1)
at t (WASubContext.js?t=wechat&s=1730360131970&v=3.5.5:1)
at t (WASubContext.js?t=wechat&s=1730360131970&v=3.5.5:1)
at t (WASubContext.js?t=wechat&s=1730360131970&v=3.5.5:1)(env: Windows,mp,1.06.2407120; lib: 3.5.5)
是什么原因,求大佬解惑

2024-10-31 16:25 负责人:无 分享
已邀请:
DCloud_UNI_yuhe

DCloud_UNI_yuhe

您好,请上传一个最小的可复现的 demo 至附件,我们会进行排查。构建最小可复现 demo 时,可以参考以下步骤:
定位问题:首先找到出现问题的代码,从这里开始,分析代码的上下文逻辑,提取出最简那段代码,可以使用二分法等方式。
调试代码:之后需要使用调试工具,例如console 或者断点,检查代码的执行过程是否可以正确命中代码段并复现问题。
添加必要的依赖:最后,如果你的代码依赖于外部库或者框架,确保你构建的最小的可复现 demo 包含必要的依赖,并且去掉没用的依赖。
完成之后参照下方上传到评论区。
上传方式:将 demo 压缩成 zip 之后在底部回复框中点击上传附件,并且需要在输入框中给出如何操作可以复现 bug。
感谢您的支持,这非常有助于我们复现与修复问题。

m***@163.com

m***@163.com

遇到相同问题,不传还好,一传就报错,单个组件使用不报错,只要v-for循环渲染组件,传prop就报错

  • m***@163.com

    换成选项式写法也不行,蒙

    2024-11-07 17:22

要回复问题请先登录注册