文本超出长度后多余部分显示省略号

        width: 120px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;

  filters: {
    ellipsis(value) {
      if (value.length >= 8) {
        return value.substr(0, 9) + "...";
      } else {
        return value;
      }
    }
  }

      <el-checkbox-group
        v-model="checkedTreeDetailsList"
        @change="handleCheckedCitiesChange"
      >
        <el-checkbox
          v-for="item in treeDetailsList"
          :label="item"
          :key="item.symptomDo.id"
        >
          {{ item.symptomDo.name | ellipsis }}
        </el-checkbox>
      </el-checkbox-group>