el-select全选时隐藏已选项标签?-灵析社区

你可以的拿捏了

el-select多选模式,在全选时会把所有已选项通过Tags显示在选择框中,如图![image.png](https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241010/a2ca674cacdc726462b3ff03a184961b.png) 我现在希望在选择全部时,不显示这些Tags。而是仅显示全部两个字。如图![image.png](https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241010/1e847b8ab973b7ebf62f80e8e858784c.png)

阅读量:156

点赞量:0

问AI
Demo效果: "recording.gif" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241010/de658fe0f6877794d9af679ed3795b41.png) Demo代码: export default { data() { return { options: [{ value: '选项1', label: '黄金糕' }, { value: '选项2', label: '双皮奶' }, { value: '选项3', label: '蚵仔煎' }, { value: '选项4', label: '龙须面' }, { value: '选项5', label: '北京烤鸭' }], value5: [], originVal: [] } }, methods: { change() { if (this.value5.length === this.options.length) { this.originVal = [...this.value5] this.value5 = ['全部'] } console.log(this.value5, this.originVal); }, removeTag(value) { if (value === '全部') { this.originVal = [] console.log(this.value5, this.originVal); this.value5 = [] } } } }