我在使用Tom-Select模板时遇到一些问题。当我使用默认模板时，我可以使用“删除”按钮删除项目。但当我定义了自己的模板时，我无法删除任何内容。
我已经将tomSelect元素存储在tomSelect中，并且应用了“DOM”更改，但是我没有十字架来删除它。

<select id="service-filter" name="service-filter" class="form-control" placeholder={{ 'forms.placeholder.service'|trans }} multiple="multiple" {{ stimulus_controller('symfony/ux-autocomplete/autocomplete', { url: path('get_services_and_customers', {}), }) }} ></select>

` _onConnect（event）{

const options = event.detail.options || {}; // Add default value for options
const tomSelect = event.detail.tomSelect;

tomSelect.settings.plugins = ["remove_button"];

tomSelect.settings.render = {
    option: function(data, escape) {
        return '<div>' + '<span class="title">' + escape(data.text) + '</span>' + '</div>';
    },
    item: function(data, escape) {
        return '<div>' +  '<span class="title">' + escape(data.text) + '</span>' + '<a href="javascript:void(0)" class="remove" tabindex="-1" title="">×</a>' + '</div>';
    }
}

}
”
我做错了什么
我只是想定义我的自定义模板，并继续使用汤姆选择的'删除按钮'插件