Alpine.js xcollapse 不适用于 laravel 组件和 p 标签

Answer 1

在您的示例中，

标签包含一个肯定会由

标签（或其他一些块标签）分隔的组件 当浏览器遇到

标签内的 block 标签时，会自动将其关闭，这样组件就会位于

标签之外，不会受到 x-show="expanded" 的影响。 您可以使用浏览器控制台来解决这个问题（我使用

而不是您的组件进行测试）：

通常浏览器还会尝试通过添加新的内容来修复问题

标签匹配将保持孤立状态的结束标签

解决方案可能是将组件插入非块类型标签中。否则必须更换 <\p> 标签。

这里有一些对

标签的参考