livewire 的 @script 和 @endscript 指令无效？

目前的环境是 php 8.2.12 + laravel 10.31.0 + livewire v3.1.0

我在 livewire 页面组件的 blade 模板中使用了 @script @endscript 指令，按照手册上的说法应该用来包裹 <script> 标签。

但@script @endscript 指令被输出到页面，且无法在 javascript 脚本中获取到 $wire 对象，代码如下：

@script
<script>
document.addEventListener('livewire:initialized', () => {
// 下面这行报错：Uncaught ReferenceError: $wire is not defined
  const flow = new Flow(new go.Diagram("diagram"), $wire);
  const flowData = {{ Js::from($flow) }};
  flow.setUpData(flowData);
})
</script>
@endscript

对照手册 livewire.laravel.com/docs/javascri... 应该可以从 javascript 脚本中访问到 $wire 对象，且不应该将@script @endscript 指令输出到页面。

请大家帮我看看是哪里出了问题？

sanders

课程读者 648 声望

程序员鼓励师 @ KDD

暂无个人描述~

0 人点赞

以构建论坛项目 LaraBBS 为线索，展开对 Laravel 框架的全面学习。应用程序架构思路贴近 Laravel 框架的设计哲学。

从零开始带你一步步开发一个 Go 博客项目，让你在最短的时间内学会使用 Go 进行编码。项目结构很大程度上参考了 Laravel。

推荐文章：

更多推荐...

博客

Dcat-Plus-Admin：dcat-admin框架的超级增强版，开发效率提升200%！ 14 / 15 |

博客

用 Laravel12 Startkit 做了一个 composer 私有包托管平台 😂 点赞超过 20 个开源，看看需要的人多不多 28 / 19 |

如何打造令后端面试官印象深刻的简历？ 16 / 10 |

博客

花了四个月打磨的 Laravel Plus 开源 34 / 101 |

博客

冯老师的困惑 —— 一个跑了两年的 BUG 22 / 17 |

博客

在laravel下实现全双工的websocket开发 21 / 10 |

讨论数量: 3

sanders

课程读者 648 声望 / 程序员鼓励师 @ KDD

借这个帖子也写一些踩上的坑，目前发现了个新问题：

click: (e, obj) => {
  let argument = obj.part.data;
  Livewire.dispatch('show-argument-form', argument);
},

    #[On('show-argument-form')]
    public function onShowArgumentForm($argumentData): void
    {
        info('show-editor-argument', $argumentData);
        $this->currentForm = 'flow-editor-argument';
    }

这样虽然可以响应事件，但会报错 Unable to resolve dependency [Parameter #0 [ <required> $argumentData ]] 貌似被当成注入参数了，错误在于事件数据必须是对象，且属性必须与参数名吻合，其余的都会被当做注入参数。所以可将JavaScript代码改为：

click: (e, obj) => {
  let argumentData = obj.part.data;
  Livewire.dispatch('show-argument-form', {argumentData});
},

1年前评论

sanders

课程读者 648 声望 / 程序员鼓励师 @ KDD

现在碰到的问题是，在模板中使用了动态加载的组件 <livewire:is :component=”$currentForm” /> 但能看到返回数据已经修改，但对应的组件却未被加载。对应手册这里：livewire.laravel.com/docs/nesting#...

咋感觉一步一个坎。是有什么更好的调试方法吗？还是我对这个库的理解有问题？大家有什么建议吗？

1年前评论

jatdung

课程读者 225 声望

没用过livewire，但是看文档这个事件应该定义在外部的 js 代码中，不是在 @script 里用的，事件发生的时候 $wire 还没被声明，所以事件回调获取不到

1年前评论

讨论应以学习和精进为目的。请勿发布不友善或者负能量的内容，与人为善，比聪明更重要！

帮助

livewire 的 @script 和 @endscript 指令无效？

推荐文章：

社区赞助商

关于 LearnKu

资源推荐

服务提供商

其他信息

livewire 的 @script 和 @endscript 指令无效？

推荐文章：

社区赞助商

关于 LearnKu

资源推荐

服务提供商

其他信息

请登录