element-ui tooltip失效element-ui tooltip失效问题: element-ui tool

element-ui tooltip失效

问题: element-ui tooltip 表格换页失效
原因:v-if加在了i标签上,dom未渲染,移入移出事件失效
解决:v-if要加在el-tool标签上就可以了

<el-tooltip
  class="item"
  effect="dark"
  placement="bottom"

  v-if="
    !(
      (scope.row.stockPrice === 0 &&
        scope.row.exchangeRate === 0) ||
      scope.row.ltiResultId < 1 ||
      scope.row.ltiKindId === 34
    )
  "
>
  <div slot="content" style="lineHeight:20px;textAlign:center">
    <span v-at>折算股价</span> : HKD {{ scope.row.stockPrice }}
    <span v-at>港币汇率</span> HKD : HKD 1: RMB
    {{ scope.row.exchangeRate }}
  </div>
  <i class="el-icon-question"></i>
</el-tooltip>