qd_sjy 2021-06-03 22:07 采纳率: 0%
浏览 73

关于prop传值的问题

是这样的，我目前有一个B,C子组件和A父组件，自己写了接口通过C组件拿到数据并且提交给A组件。本来想的是 A组件中将拿到的数据想通过props传给B组件 B组件再v-for遍历渲染，但问题是B组件压根接收不到props传值（一直为空），搞了半天也没解决

而且关于网上提供的解决方法：在子组件中用watch监听也没用，且自己写的watch不生效，不执行

 

A父组件代码

 

C子组件提交事件（参数是数组）

 

B子组件代码

 

  • 写回答

6条回答 默认 最新

  • CSDN专家-Time 2021-06-03 22:08
    关注

    用vuex 简单上手

    评论

报告相同问题？

  • 【前端】prop传值的用法
    2024-09-17 22:25
    Loong_DQX的博客 props是只读的，如果需要修改可以复制props中的内容到data中一份，然后去修改data中的数据。因为vue底层会检测对props的修改，如果进行了修改，就会发出警告。prop配置项的作用是让...组件标签上传值给vue组件对象。
  • vue中prop传值
    2022-03-10 20:34
    姜意%的博客 props配置项 功能：让组件接收外部传过来的数据 传递数据： 接收数据： 第一种方式（只接收）：... vue中prop传值时加不加v-bind（冒号：）： 只有传递字符串常量时，不采用v-bind形式，其余情况均采用v-bind形式传递。
  • vue prop属性传值与传引用示例
    2020-10-16 00:19
    Vue.js 是一款流行的前端框架，它允许开发者通过组件化的方式构建复杂的用户界面。在 Vue 组件间通信中，`prop` 是一种常见的数据传递机制，主要用于父组件向子组件传递数据。本文将深入探讨 Vue prop 的属性传值与...
  • Vue父子组件prop传值时的问题
    2022-09-13 20:45
    一个不会射日的后羿的博客 Vue父子组件prop传值时的问题
  • vue组件prop传值路径
    2023-03-17 09:57
    爱吃草莓蛋挞的博客 vue组件prop传值路径 报错：[Vue warn]: Property or method "title" is not defined on the instance but referenced during render.
  • Vue--prop传值加不加冒号（v-bind）
    2021-11-06 23:51
    IT利刃出鞘的博客 本文介绍Vue.js在使用prop传值时是否要加v-bind。
  • vue-prop父组件向子组件进行传值的方法
    2020-08-27 22:45
    Vue.js 是一款流行的前端JavaScript框架，它提供了丰富的功能来构建用户界面。在Vue中，组件化是其核心特性之一，允许我们将复杂的UI拆分成独立、可重用的组件。组件间的数据通信是实现组件协作的关键，其中一种常见...
  • React 组件prop传值
    2023-10-31 14:56
    键指江湖的博客 我们可以通过在 Avatar 之后直接列出它们的名字 person, size 来读取这些 props。这些 props 在 ({ 和 }) 之间，并由逗号分隔。这样，我们可以在 Avatar 的代码中使用它们，就像使用变量一样。将一些 props 传递给 ...
  • vue prop传值类型检验
    2019-01-18 18:32
    龙旗飘扬的舰队的博客 prop 传值检验规则 如果是 prop 是静态传值，则必须是 String 类型 如果是 prop 是动态传值，则可以验证任意类型 示例，如果必须要传一个Number，就必须使用 bind //声明 Vue.component("blog-post", { ...
  • 关于Vue使用props传值遇到的一些问题
    2023-11-06 16:27
    不想起名55的博客 翻译过来：数据属性“tableData”已声明为prop。请改prop默认值。将父组件的prop传过去变量改一下。
  • vue2-页面之间传值01-父子之间传值（前端面试必面题之一）
    2022-05-25 18:17
    A_刘伶俐的博客 vue2-页面之间传值01-父子之间传值（前端面试必面题之一） 前端开发注重组件化开发，使得代码逻辑更清晰，大大降低单个文件的代码量，使得代码可读性和可维护性更高。那么，组件化后，一个前端页面由多个组件组成，...
  • el-table表格用prop传值
    2021-06-08 16:11
    旺仔奶牛的博客 el-table表格用prop传值 data里面定义 用 效果图 这样就可以弄成公用的表格啦
  • 封装小组件（prop传值，设置动态属性值）
    2023-03-16 22:01
    STATICHIT静砸的博客 该组件由两部分组成，一个是 标签，设置了该页面的标题 一个是element-plus的提示框组件，当鼠标悬停于图标上时会出现提示框便于用户理解功能 使用到的知识点组要是两个 一个是prop传值 ，一个是v-bind动态设置属性...
  • vue props传值失败 输出undefined的解决方法
    2020-10-18 00:55
    在使用Vue.js框架进行前端开发时，组件间的通信是核心功能之一。其中，props是父子组件之间传递数据的主要方式。但是，开发者在使用props进行数据传递时，可能会遇到值传递失败导致在子组件中输出undefined的情况。...
  • Vue 父组件通过 prop 传值给子组件 但子组件获取的值为空-解决记录
    2021-12-06 11:29
    王清欢Randy的博客 开发中遇到需要父组件向子组件传值的情景，笔者使用 Vue 官方文档提供的 通过 Prop 向子组件传递数据 的方法实现父组件向子组件的传值。但是在我的实例中，使用该方法传值，最终子组件获取到的数据为空值。 为了找到...
  • 解决vue组件props传值对象获取不到的问题
    2020-10-16 20:59
    在使用Vue.js框架进行前端开发时，组件间的数据传递是一个常见的需求。Vue提供了props机制来实现父子组件间的数据传递。然而，在实际开发过程中，开发者可能会遇到通过props传递对象，子组件却无法获取到对象内部...
  • 没有解决我的问题, 去提问