我有一个按钮，它打开位于some_template.html的对话框：

<button @click="open = !open"
        id="btn_id"
        hx-get="/some_url/"
        hx-trigger="click"
        hx-swap="outerHTML">
</button>

字符串
然后我有another_template.html，其中包括some_template.html
在another_template.html中，我正在处理一个按钮单击：

<script>
    document.addEventListener('alpine:init', () => {
        Alpine.data('dialog', () => ({
            handleButtonClick(id) {
                console.log(id); // prints the expected id correctly
                const button = document.getElementById('btn_id');
                const url = `/some_url/${id}`;
                button.setAttribute('hx-get', url);
                console.log(button.attributes); // prints the updated `hx-get` with the id included
                button.click();
            }
        }));
    });
</script>

型
对话框正确打开，这意味着button.click()工作正常。
主要的问题是按钮中的hx-get没有被更新，也就是说，没有与之关联的id，它仍然使用按钮中最初定义的内容处理请求：hx-get="/some_url/"。