x-init 只被调用一次答案

【问题标题】：x-init only being called oncex-init 只被调用一次
【发布时间】：2020-09-20 17:05:47
【问题描述】：

在我的代码中，如果我调用两个 x-init，只有根 DOM 元素中的第一个会运行。

如何使用多个 x-init？我只是在处理程序中使用 on 吗？

<form action="/some/url" method="POST" x-data="someHandler()" x-init="console.log('this will print in console')">
        ... 
        <div  x-init="console.log('this will NOT print in console')">
            ...
        </div>
        ...
    </form>
    <script>
    function jpeHandler() {
        return {
          data: {'foo':'bar'},
          init(){
            return console.log('this will NOT print in console');
          },
          }
     }
    </script>

【问题讨论】：

标签： javascript laravel alpine.js

【解决方案1】：

x-init 仅适用于具有 x-data 的元素，因此您将无法在子元素中的 init 上运行某些内容，除非您将其设为单独的 Alpine 组件（通过向其添加 x-data）

【讨论】：