如何在父级下使用v-slot的值——vuejs

关于作用域插槽v-slot的用法可以先看看文档

https://cn.vuejs.org/v2/guide/components-slots.html#%E4%BD%9C%E7%94%A8%E5%9F%9F%E6%8F%92%E6%A7%BD

现在我们进入正题

我们用到一个第三方组件validate，这个第三方组件的插槽传了一个属性error值给我们，我们现在想要在父级中获得这个error值, 为了简单起见，我们创建一个validate组件作为测试。

我们觉得可以在v-slot下使用一个方法，把error传到父级去，不就行了吗，的确是可以的： https://jsfiddle.net/jswenjie/pxru6y2m/5/

 

问题出现

我们的页面有多个validate的情况下，需要搜集所有的error，那么我们可以用个数组：https://jsfiddle.net/jswenjie/pxru6y2m/7/

 

我们发现虽然结果是正确的，不过在控制台下出现了warning警告，[Vue warn]: You may have an infinite update loop in a component render function. 有死循环的问题。

问题解决

     我有一个解决方案，明天再放出来，我怕影响大家的思路。大家是否有好的解决方案，欢迎探讨。。。

来源：https://www.cnblogs.com/handboy/p/11925635.html