诊断依据搜索展开不操作dom

src/components/diagBase/AddDiagBase.vue

@@ -11,7 +11,7 @@
             <el-form-item  class="addDiagName"  label="选择添加疾病名称：" >
                 <input class="searchInput"  @focus="focuInput" type="text" v-model = "searchDiagVal"> 
                 <span class="searchName" @click="searchDiag">搜索</span>
-                <ul class="itemList diagList" ref="diagList">
+                <ul v-if="showDiagList&&diagList.length > 0" class="itemList diagList" ref="diagList">
                     <li 
                     v-for="item in diagList" 
                     class="diagItem ellipsis"
@@ -211,6 +211,7 @@
             isEdit: false,
             saveDisable: false ,
             hasQuestion: 1, //是否有问题词
+            showDiagList: false
         }
     },
     created(){
@@ -258,7 +259,6 @@
         },
         close() {
             this.diagList = [];
-            if(this.diagList.length>0){this.$refs['diagList'].style.display = 'none';}
         },
         back(){
             this.$router.go(-1);
@@ -274,19 +274,17 @@
             api.diagBaseIndex(param).then((res)=>{
                if(res.data.code === '0') {
                    this.diagList = res.data.data
-                   if(this.diagList.length>0) {this.$refs['diagList'].style.display = 'block'}
+                   this.showDiagList = true
                 }
             })
         },
         selectDiag(item) {
             this.disName = item.name
-            this.$refs['diagList'].style.display='none'
             this.searchDiagVal = ''
             this.diagList=[]
         },
         focuInput() {
-            this.$refs['diagList'].style.display='none'
-            
+            this.showDiagList = false            
         },
         addItem(index, type) {
             if(type == 1) {
@@ -522,8 +520,7 @@
                     this.disFeatureList[index].code = value.replace(/[^\d.]/g,'')
                 })
             } else if(type==='FeatureStand') {  //标准词不能输入顿号
-                console.log('event', e)
-                this.$nextTick(() => {
+                 this.$nextTick(() => {
                     this.disFeatureList[index].standard = value.replace(/、/g,'')
                 })
                 // this.disFeatureList[index].standard = value.replace(/、/g,'')
@@ -627,7 +624,6 @@
         }
         .itemList {
             position: absolute;
-            display: none;
             background: #fff;
             width: 162px;
             max-height: 150px;