Question

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

我该如何使用多个x-init？我可以在处理程序中使用吗？

<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组件（通过添加{{1 }}）

x-init仅被调用一次

1 个答案: