c if 判断select已经选择的值_element-ui1.0使用2.0的功能，select选择框collapse-tags属性...

前言

原项目使用element-ui@，因为原版本el-select组件的不支持collapse-tags属性，效果图如下，所以希望引入版本的collapse-tags属性。但是项目已经在线上稳定运行了，且业务比较复杂，框架升级是不可能的。所以才会有本文的存在，不升级框架但是能使用后续版本的功能。

改造前

改造后

改造

1. 首先找到node_modules下element-ui模块，在里面找到select组件，如下图，共有4个组件组成，将这4个组件复制到项目src的公共组件，取名select2。
2. 到github上找element-ui版本以后el-select的源代码

ElemeFE/element​

1. 只需要修改文件即可。

Element-UI下源文件

开发src目录下公共组件

文件

模板里主要新增了对collapsetags的判断

<spanv-if="collapseTags && "><el-tag:closable="!selectDisabled":size="collapseTagSize":hit="selected[0].hitState"type="info"@close="deleteTag($event, selected[0])"disable-transitions><spanclass="el-select__tags-text">{
      { selected[0].currentLabel }}</span></el-tag><el-tagv-if=" > 1":closable="false":size="collapseTagSize"type="info"disable-transitions><spanclass="el-select__tags-text">+ {
      {  - 1 }}</span></el-tag></span><transition-group@after-leave="resetInputHeight"v-if="!collapseTags">&l