我正在处理两个组件之间的通信（使用Vue 2），其中一个是按钮，可以具有初始、加载和完成（成功或失败）等状态，对于按钮的每个状态，我可能会显示不同的文本，不同的图标（加载：旋转图标，成功完成：勾号，错误完成：x），我还有一个表单，将使用按钮组件。我不确定如何根据表单提交的当前状态来更改按钮的状态。请查看下面的代码。
我的按钮组件：
1
981
我的表单组件：
在上面的代码中，您可以看到我如何根据表单的状态来更改按钮的状态：我的按钮在点击时发出两个函数（startLoading，concludedSuccessfully），然后我在sendItemToCart中使用这两个函数。
这似乎将两个组件耦合得有点太多了，因为我必须将这些函数作为参数传递给父组件的方法。另外，我对如何做到这一点还有另一个想法，那就是给每个按钮一个ref，然后在父组件中使用ref调用其方法。这个想法听起来有点像面向对象编程中的“组合而非继承”，我只需要求对象/组件做某事，但在这种情况下，没有将函数作为参数。
嗯，上面的两种情况似乎比我可能拥有的每个按钮都创建变量更好，但它们似乎可以改进。所以我正在寻找的是：如何更好地解耦我的组件？
Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
收藏
