首页 > 其他分享 >vue el-table-column 内容省略号,根据数字展示内容,鼠标移上展示详情

vue el-table-column 内容省略号,根据数字展示内容,鼠标移上展示详情

时间:2023-09-22 15:25:51浏览次数:40  
标签:el 省略号 展示 scope 移上 row

  • 鼠标移上展示详情:title="scope.row.fmContent"
<el-table-column prop="fmContent" label="工单内容"
  <template slot-scope="scope">
    <span :title="scope.row.fmContent"> scope.row.fmContent.slice(@,22)I</span>
  </template> /el-table-column>

 

  • 内容省略号

<el-table-column prop="fmcontent" label="诉求内容" width="340"> <template slot-scope="scope"> <span>{{ scope.row.fmcontent.slice(0, 22) + '...' }}</span> </template> </el-table-column>

  • 根据数字展示内容
<el-table-column prop="isHandle" label="处理情况">
                        <template slot-scope="scope">
                            {{ scope.row.isHandle === 1 ? '处理' : '未处理' }}
                        </template>
</el-table-column>

<el-table-column prop="isHandle" label="处理情况">
  <template slot-scope="scope">
    <span v-if="scope.row.isHandle == 1">处理</span>
    <span v-else-if="scope.row.isHandle == 2">未处理</span>
  </template>

</el-table-column>

标签:el,省略号,展示,scope,移上,row
From: https://www.cnblogs.com/tingshengshiyu/p/17722438.html

相关文章

  • js实现选中某个区域展示引导信息(插件库)
    在公司做项目,经常存在类似「引导」的功能,引导用户该先点哪后点哪,或者做一些首次使用的提示找到了个比较好用且轻量化的js组件intro.js ,有常规的灰色遮罩高亮特定dom提示的(hello-world),也有用户点到指定标签/位置上的提示(hints)感觉还是不错的,并且,有免费版本......
  • 使用pdf.js展示pdf
    一、下载pdf.js文件https://mozilla.github.io/pdf.js/getting_started/web里边有一个viewer.html文件此文件为展示pdf的文件直接打开此文件不能展示需要本地启动一个服务可以使用http-server-c-1提示错误的全局安装一下  npminstallhttp-server-g现在就可以正......
  • 视频监控/视频汇聚平台EasyCVR平台页面展示优化
    安防视频监控/视频集中存储/云存储/磁盘阵列EasyCVR平台可拓展性强、视频能力灵活、部署轻快,可支持的主流标准协议有国标GB28181、RTSP/Onvif、RTMP等,以及支持厂家私有协议与SDK接入,包括海康Ehome、海大宇等设备的SDK等。平台既具备传统安防视频监控的能力,也具备接入AI智能分析的能......
  • 视频监控系统/视频汇聚平台EasyCVR平台页面展示优化
    安防视频监控/视频集中存储/云存储/磁盘阵列EasyCVR平台可拓展性强、视频能力灵活、部署轻快,可支持的主流标准协议有国标GB28181、RTSP/Onvif、RTMP等,以及支持厂家私有协议与SDK接入,包括海康Ehome、海大宇等设备的SDK等。平台既具备传统安防视频监控的能力,也具备接入AI智能分析的......
  • TienChin 渠道管理-前端展示渠道信息
    在编写Vue项目的时候我们可以使用IDEA当中提供的一个工具叫做structure,也就是说可以很轻松的列举出当前Vue文件的大致结构,点那个就会跳转到对应的地方。简简单单介绍一个编写Vue时的一个小技巧,那么接下来进入核心内容,展示渠道信息的开发。在api文件夹模块当中新建一个......
  • Django在dateTime-loca默认展示查询的日期时间
     1、默认展示固定的一个日期时间<inputtype="datetime-local"name="tenderEndTime"value="2022-01-01T18:00"">2、展示后端查询的日期时间html:<inputtype="datetime-local"name="tenderEndTime"value="{{ins......
  • window11恢复右键展示完整菜单
    //终端->右键管理员身份运行regadd"HKCU\Software\Classes\CLSID\{86ca1aa0-34aa-4e8b-a509-50c905bae2a2}\InprocServer32"/f/ve(附[恢复window11右键模式]:regdelete"HKCU\Software\Classes\CLSID\{86ca1aa0-34aa-4e8b-a509-50c905bae2a2}\InprocServer32......
  • CKEDITOR 展示word中复制的内容和多张图片
    从word中复制全部内容(包括文字、多图片),并在富文本框内展示(CKEDITOR)CKEDITOR.instances["editor"].on('instanceReady',function(elem){console.log(elem.editor.element);elem.editor.on("paste",function(e){console.log(e);......
  • 如何将element-ui中的tab组件默认展示的tab标签数量改掉?
    要将ElementUI中的Tab组件默认展示的标签数量更改,可以使用tab-list属性设置。tab-list属性用于控制默认展示的标签数量。以下是修改Tab组件默认展示标签数量的示例代码:<template><el-tabsv-model="activeTab":tab-list="tabList"><el-tab-panev-for="tabint......
  • 实时展示
    进度条和状态指示器使用实时显示来对终端的各个部分进行动画处理。您可以使用该类构建自定义实时显示。要演示实时显示,请运行以下命令:python-mrich.live注意如果您看到省略号“...”,则表示终端不够高,无法显示整个表格。基本用法¶要创建实时显示,请构造具有可渲染的......