vue2
el-table表格中 (下拉框选项都有一个提示文字说明)
每行都有一个el-select
每个el-option中包裹一个el-tooltip
表格一百多行 也就是100多个el-select 中都有一个el-tooltip
去掉el-tooltip 页面不卡 很丝滑 加上页面很卡顿 接口反回响应数据都很慢了
注音:
1.不能用分页 这个功能必须一次展示100多个
单行例子:
<el-table-column label="例子" align="center" width="450">
<template slot-scope="scope">
<el-select v-model="scope.row.a" placeholder="请选择111" style="width:400px" size="mini"
>
<el-option
v-for="item in scope.row.List"
:key="item.id"
:label="item.name"
:value="item.id">
<el-tooltip effect="dark" placement="left-start">
<div slot="content">
<div>
{{item.shuoming}}
div>
div>
<div> {{item.name}} div>
el-tooltip>
el-option>
el-select>
template>
el-table-column>
v-for="item in scope.row.List" 这里不要每行都遍历 生成el-option ,定义一个数组showList,当展开el-select 时 把当前行的 scope.row.List 赋值给showList
你可以参考下这篇文章:el-table 单元格显示tooltip提示,并修改样式