Vue组件中表格文字内容太长,自动变省略号,鼠标悬浮上去显示全称。

简介: Vue组件中表格文字内容太长,自动变省略号,鼠标悬浮上去显示全称。

Vue组件中表格文字内容太长,自动变省略号,鼠标悬浮上去显示全称。

组件中有一个属性可以进行控制:show-overflow-tooltip="true"

<el-table-column fixed prop="cityId" label="城市id" width="auto" >
      </el-table-column>
      <el-table-column fixed prop="order" label="order" width="auto">
      </el-table-column>
      <el-table-column prop="hotelId" label="商品id" width="auto">
      </el-table-column>
      <el-table-column prop="hotelName" label="商品名称" width="auto" :show-overflow-tooltip="true">
      </el-table-column>
  //这样  对应的商品名称列 内容过长就会自动变省略号。
相关文章
|
1天前
|
JavaScript 开发工具 git
大事件项目40---Vue代码里如何引入相对路径图片
大事件项目40---Vue代码里如何引入相对路径图片
Vue3组件,注册全局组件和局部组件
Vue3组件,注册全局组件和局部组件
|
2天前
|
JavaScript 前端开发
一个好看的vue admin模板
这是一个关于Vue管理模板的引用,提到了[PanJiaChen](https://github.com/PanJiaChen/vue-admin-template)在GitHub上的`vue-admin-template`项目。该项目是一个前端管理模板,链接指向了详细的资源。页面中还包含了一张图片,但markdown格式中无法直接显示。简而言之,这是关于一个基于Vue的后台管理界面模板的参考信息。
|
2天前
|
资源调度 JavaScript API
Vue-treeselect:为Vue应用程序提供强大选择器的指南
Vue-treeselect:为Vue应用程序提供强大选择器的指南
6 0
|
2天前
|
JavaScript
vue知识点
vue知识点
5 0
|
11月前
|
JavaScript
Vue的非父子组件之间传值
全局事件总线 一种组件间通信的方式,适用于任意组件间通信
|
10月前
|
缓存 JavaScript 前端开发
Vue Props、Slot、v-once、非父子组件间的传值....
Vue Props、Slot、v-once、非父子组件间的传值....
54 0
|
11月前
|
JavaScript
Vue中父子组件传值
先在⽗组件中给⼦组件的⾃定义属性绑定⼀个⽗组件的变量
|
11月前
|
JavaScript
vue 组件传值
vue 组件传值
59 0
|
11月前
|
JavaScript
vue父子组件传值
vue父子组件传值