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

<el-tooltip class="item" effect="dark" width="200" placement="top">
  <div slot="content" style="width: 400px">
    {{
      scope.row.approvalMsg ? scope.row.approvalMsg : '暂无拒绝原因'
    }}
  </div>
  <i
    v-if="scope.row.status === -1"
    class="el-icon-question"
    style="margin-left: 5px; cursor: pointer"
  ></i>
</el-tooltip>

<el-tooltip 
	class="item" 
	effect="dark" 
	width="200" 
	placement="top"
	v-if="scope.row.status === -1"
>
  <div slot="content" style="width: 400px">
    {{
      scope.row.approvalMsg ? scope.row.approvalMsg : '暂无拒绝原因'
    }}
  </div>
  <i
    v-if="scope.row.status === -1"
    class="el-icon-question"
    style="margin-left: 5px; cursor: pointer"
  ></i>
</el-tooltip>

<el-tooltip 
	class="item" 
	effect="dark" 
	width="200" 
	placement="top"
>
  <div slot="content" style="width: 400px">
    {{
      scope.row.approvalMsg ? scope.row.approvalMsg : '暂无拒绝原因'
    }}
  </div>
  <i
    v-show="scope.row.status === -1"
    class="el-icon-question"
    style="margin-left: 5px; cursor: pointer"
  ></i>
</el-tooltip>

    <el-slider
              v-model="value1"
              :min="1"
              :max="100"
              :show-tooltip="true"
              :fORMat-tooltip="formatTooltip"
              :disabled="isQuestion"
              ref="slider1"
            />

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

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