el-select-tags点击事件

回答: 根据引用和引用的代码片段，el-select-tags点击事件可以通过在el-select的子节点中找到el-select__tags，然后在其中找到需要绑定点击事件的元素。你可以在这个元素上添加一个onclick事件，然后在点击事件的处理函数中执行你需要的操作。在你的事件处理函数中，你可以通过e.textContent获取到被点击的tag的文本内容，然后进行相应的操作。记得要调用clickEvent.stopPropagation()来防止事件冒泡。希望这个回答对你有帮助。

相关问题

如何穿透修改el-select的el-select__tags的样式

要修改 `el-select__tags` 的样式，可以通过以下步骤进行：

1. 使用 CSS 选择器来定位到 `el-select__tags` 元素。可以使用类选择器、ID选择器或者其他属性选择器来选择该元素。
2. 使用 CSS 属性来修改 `el-select__tags` 的样式。可以修改背景颜色、字体样式、边框样式等等。

下面是一个示例代码，展示如何修改 `el-select__tags` 的样式：

<style>
  .el-select__tags {
    background-color: red;
    color: white;
    border: 1px solid black;
  }
</style>

请注意，上述代码中的选择器 `.el-select__tags` 是一个示例，你需要根据实际情况来选择正确的选择器。

el-select collapse-tags

el-select是Element UI库中的一个下拉选择组件，而collapse-tags是el-select组件的一个属性。

collapse-tags属性用于控制多选时是否将选中的标签折叠显示。当collapse-tags为true时，如果选中的标签数量超过了设置的collapse-tags-limit值（默认为3），则会将超出的标签折叠显示为一个带有加号的标签，点击加号可以展开显示所有选中的标签。

例如，当collapse-tags为true且collapse-tags-limit为3时，如果选中了4个标签，那么前3个标签会正常显示，第4个标签会以折叠形式显示为一个带有加号的标签。

这样设计的目的是为了在多选时节省空间，同时保持界面的整洁和可读性。