element popover 动态渲染数据第一次点击漂移问题

最新推荐文章于 2024-08-12 10:04:01 发布

青柠97

最新推荐文章于 2024-08-12 10:04:01 发布

阅读量1.7k

点赞数

分类专栏： vue-element

本文链接：https://blog.csdn.net/a1997bcd/article/details/110039833

版权

vue-element 专栏收录该内容

9 篇文章 1 订阅

订阅专栏

<el-popover
                      placement="right"
                      width="260"
                      trigger="manual" 
                      :value ="isPopoverInter == scope.row.applyCode"
                      >
                      <div class="ats-mainshi-cellen scrollbarcellen">
                        <div class="ats-mainshi-zong"  v-for="(item,indexinterview) in cancelQuXiaoArr" :key="item.id"  >
                          <div>
                            <span v-if="userTip==1">面试结果</span> <span v-else>面试环节</span>  
                            <span class="biji biji-chu" v-if="item.step==1">初试</span> 
                            <span class="biji biji-fu" v-if="item.step==2">复试</span> 
                            <span class="biji biji-dai" v-if="item.interviewResult==0">待录入</span> 
                            <span class="biji biji-tong" v-if="item.interviewResult==1">通过</span> 
                            <span class="biji biji-wei" v-if="item.interviewResult==2">未通过</span> 
                            <span class="biji biji-daiding" v-if="item.interviewResult==3">待定</span> 
                          </div>
                          <div>面试时间 <span>{{item.interviewAt}}</span> </div>
                          <div>面试官 <span>{{item.interviewBy?item.interviewBy:'-'}}</span> </div>
                          <div class="ats-mainshi-caozuo"><span>{{item.createBy?item.createBy:'-'}}</span> 操作于 {{item.createAt}}</div>
                        </div>
                      </div>
                      <div slot="reference" @click="showIntview(scope.row)"><el-link class="jobTitle" :underline="false">{{scope.row.faceStatus}}</el-link></div>
                    </el-popover>

 data() {
    return {
      isPopoverInter:"",
      
 if(this.isPopoverInter.length>0){ //选中
        this.isPopoverInter = ''
        return
      }
      this.hunterSelectCustomerInterview1(params).then(res => {
        if(res.data.length>0){
          this.cancelQuXiaoArr = res.data;
          this.isPopoverInter = row.applyCode;
        }
      })

<el-popover
                      placement="right"
                      width="260"
                      trigger="manual" 
                      :value ="isPopoverInter == scope.row.applyCode"
点击事件 
   trigger="manual" 
                      :value ="isPopoverInter == scope.row.applyCode"
if(this.isPopoverInter.length>0){ //选中
        this.isPopoverInter = ''
        return
      }
this.hunterSelectCustomerInterview1(params).then(res => {
        if(res.data.length>0){
          this.cancelQuXiaoArr = res.data;
          this.isPopoverInter = row.applyCode;
        }
      })