Vue父子组件Props传值报错：Property 'modules'未定义实例问题

问题分析 #

你贴出的父/子组件Props传递逻辑是完全正确的：父组件通过:visible="showForm"传递布尔值，子组件用defineProps接收visible并在模板中控制显隐，这部分代码不会触发modules相关的报错。报错的核心是某个组件在渲染过程中访问了未定义的modules属性，和当前的显隐控制逻辑无关。

排查步骤 #

• 全局搜索项目代码中的modules关键词，定位到具体是哪个组件（或模板片段）在渲染时引用了这个变量。
• 检查子组件SlidePage.vue的完整代码：
  • 模板中是否存在{{ modules }}、v-for="item in modules"这类直接引用modules的代码？
  • 脚本部分是否有在模板中用到的modules变量未声明？
• 检查父组件的其他代码片段：你贴出的父组件代码里没有modules，但如果父组件还有其他模板内容，可能存在引用modules但未定义的情况。
• 排查第三方组件依赖：如果父/子组件中引入了第三方UI组件，是否有组件要求传入modules属性但你未传递？

修复方案 #

根据定位到的问题对应处理：

• 如果是自定义变量未声明：在对应组件的脚本中用ref/reactive定义modules，或者检查是否是变量名拼写错误（比如把module误写为modules）。
• 如果是第三方组件需要modules属性：按照组件文档传入正确的modules值，或移除该组件的引用（如果不需要的话）。
• 如果是误写的模板代码：删除或修正引用modules的模板片段。

内容的提问来源于stack exchange，提问作者cahya faisal reza