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

使用前提是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,效果棒棒的!!!!!


版权声明:本文为zhaowenxue原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。