如何在symfony / encore中调用html文件中的js函数？

Answer 1

我建议您向按钮添加一个类或 id，然后在 app.js 中实现该功能，如下例所示： base.html.twig

<button id="clickme" data-from-twig="somevalue">MyButton</button>
{% block javascripts %}
    {{ encore_entry_script_tags('app') }}
{% endblock %}

在app.js中

document.addEventListener('DOMContentLoaded', function() {
    document.getElementById('clickme').onclick = function (event) {
        const targetElement = event.target;
        console.log(targetElement.getAttribute('data-from-twig'));
    }
});

通过这种方式，您可以向树枝模板添加功能。