vue el-tooltip 提示黑框遮挡问题

时间:2024-04-09 21:38:09

vue el-tooltip 提示黑框遮挡问题

在用于文字过长提示的时候,如果输入框为空。就会出现黑框遮挡问题。

解决方法:

  例:

 <el-table-column prop='Remark' :label='trInvoiceBatch.Remark.Name' show-overflow-tooltip v-if="!readOnly">
          <template scope='scope'>
            <el-tooltip class="item" effect="dark" :content="scope.row.Remark" placement="top-start" :disabled="scope.row.Remark.length<5">
            <el-input size='small' v-model='scope.row.Remark' @change='setRowStateType(scope.row)'></el-input>
            </el-tooltip>
          </template>
        </el-table-column>

使用     :disabled="scope.row.Remark.length<5"    来解决问题

贴上  el-tooltip 的详细用法

vue el-tooltip 提示黑框遮挡问题