当前位置: 首页 > 工具软件 > Nice-Select > 使用案例 >

使用el-tooltip展示el-select多选项collapse-tags collapse-tags-tooltip

幸鸿轩
2023-12-01

使用前提是el-select选择后展示后端返回的数组并且禁用状态下collapse-tags-tooltip失效。而且el-select有宽度高度限制
1.话不多,直接上代码

<el-tooltip
                        class="box-item"
                        effect="dark"
                        :content="(contForm.jdxwList).join(',')"
                        placement="top-start"
                      >
                        <el-select
                          v-model="contForm.jdxwList"
                          clearable
                          disabled
                          multiple
                          collapse-tags
                          collapse-tags-tooltip
                        >
                          <el-option
                            v-for="item in extremeBehaviorList"
                            :key="item.dictKey"
                            :label="item.dictValue"
                            :value="item.dictValue"
                          />
                        </el-select>
                      </el-tooltip>

明确后端返回的数组中不包括对象,arr:[‘1’,‘2’,‘3’]是这种的数组
展示的效果就是数字转成字符串展示

nice,效果棒棒的!!!!!

 类似资料: