我正在使用Class组件,我有一个主图片和一个来自数组的较小的图片库。这些组件的结构是包含主图片和小图片的所有图片容器,以及从图库映射图片的较小图片容器(每个图片都是另一个组件)。我想在“所有图片”组件中添加一个状态,它处理主图片的更改,这样它就会得到被点击的小图片的索引,并将其传输到主图片,因此它会变成点击的图片。在使用类组件时,我使用的是this.props,当我添加handleClick函数时,console.log(this.props)显示{productGal: Array(7)}。有没有办法让被点击的“这个”的孩子?
我正在附加结构:所有图片库
class ProductDeta
我有一个表单,这个表单对于一个组件来说太复杂了。
所以我为表单的一部分做了一个分段,它有多个动态输入,给出一个输出并验证自己。它没有提交按钮,在每次更改时,它只返回计算的结果,如果它被验证成功与否。
// Contains multiple input fields, passes its result when
// filled in properly and errors if not filled in properly
// so I can disable the submit button.
// Also contains a clear m
我已经试着弄清楚这个问题好几个小时了,我不确定我的vue自定义事件出了什么问题。
<!-- part of the vue template: the main element -->
<!-- not working <button @click='$emit(\"open-modal-zone\")'></button> -->
<!-- not working <button @click='activateFilterModalViaEmit'></button>
我调用了API并获取主页上的数据,并且使用支持将数据发送到主页的子组件。我可以将课程数据从主页发送到我的网格组件,它可以正常工作。问题是,当尝试从另一个组件打开我的网格组件时,我必须使用道具再次发送课程数据,这是没有意义的,因为其中一些组件与课程数据无关,但它们仍然需要携带课程数据,以便将其发送到我的corse网格组件。(当然,网格组件链接在我的导航栏中,这意味着每一个其他页面都可以访问它。现在我的问题是,当我进行初始API调用时,是否有一种方法可以在启动时设置我的课程网格组件的数据,并且不管其他组件的用户从其中打开它,仍然有足够的信息。
Below is my code for my hom
我发现通过refs从父组件传递到子组件的参数要么是未定义的,要么是一个实际的事件,而不是我传入的事件。
将参数从父组件传递到子组件的函数的正确方式是什么?我使用的是refs,但在函数参数方面它似乎并没有真正传递任何东西。
我在这里展示了这个案例:
基本上,如果你看到我写console.log('child argument should be string');的那一行,它应该是一个实际传递的参数,而不是一个事件。
我想知道我是不是做错了什么。
对于这个场景,我需要评估父组件中的事件,并决定如何运行子函数,并相应地传递特定的参数。