ElementUI中tooltip出现无法显示问题如何解决

阅读：931 来源：乙速云作者：代码code

代码，当el-tooltip标签中的元素添加v-if时候，会出现无法显示问题


  
    {{
      scope.row.approvalMsg ? scope.row.approvalMsg : '暂无拒绝原因'
    }}

1. 可以直接在el-tooltip标签上添加相同的v-if标签判断


  
    {{
      scope.row.approvalMsg ? scope.row.approvalMsg : '暂无拒绝原因'
    }}

2. 可以把v-if替换为v-show


  
    {{
      scope.row.approvalMsg ? scope.row.approvalMsg : '暂无拒绝原因'
    }}

ElementUI中tooltip出现无法显示问题如何解决

this.$nextTick(() => {
console.log(this.$refs.slider1)
})

输出如下

ElementUI中tooltip出现无法显示问题如何解决

调用这个函数，这个时候tooltip就显示出来了，问题解决

this.$nextTick(() => {
  this.$refs.slider1.setPosition(70)
})

分享到：

*特别声明：以上内容来自于网络收集，著作权属原作者所有，如有侵权，请联系我们： hlamps#outlook.com （#换成@）。

上一篇：如何掌握SpringBoot日志文件

下一篇：基于Python如何实现帕累托图

你可能感兴趣