x-init 只被调用一次

Question

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

如何使用多个 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>

Answer 1

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

x-init 只被调用一次

x-init only being called once

javascript

laravel

alpine.js