element-ui tooltip失效

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>