Vue vxe-table使用问题收录小结

 更新时间:2023年09月08日 14:26:19   作者:DiracKeeko  
这篇文章主要为大家介绍了Vue vxe-table使用问题收录小结,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪

1、调整 vxe-table 表格(表头)排序箭头的位置

element-ui中el-table的排序上下箭头间距比较小

而vxe-table的排序默认样式下上下箭头间距比较大

如果在同一个页面内同时使用了el-table 和 vxe-table,这两个排序箭头会明显的不同,此时建议调整vxe-table的箭头高度。

用深度选择器

::v-deep .vxe-sort--asc-btn {
top: 0px;
}
::v-deep .vxe-sort--desc-btn {
top: 7px;
}

调整后的样式如下,和el-table的上下箭头间距基本一致。

2、调整 vxe-grid 设置rowConfig: {height: 60} 不生效

vxe-table的版本低了,升级一下。

vue2项目,对应的是vxe-table v3+版本

设置rowConfig: {height: 60} 不生效。height这个属性没有标明版本,按说是全版本支持,但是当时项目用的3.3.x版本确实不生效。 而后升级到了@3的最新版本3.6.13,这个属性就生效了。

以上就是Vue vxe-table使用问题收录小结的详细内容,更多关于Vue vxe-table使用的资料请关注脚本之家其它相关文章!

相关文章

  • vue如何将字符串的一部分处理为html文档并渲染到页面

    vue如何将字符串的一部分处理为html文档并渲染到页面

    这篇文章主要介绍了vue如何将字符串的一部分处理为html文档并渲染到页面,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2022-06-06
  • vue脚手架配置预渲染及prerender-spa-plugin配置方式

    vue脚手架配置预渲染及prerender-spa-plugin配置方式

    这篇文章主要介绍了vue脚手架配置预渲染及prerender-spa-plugin配置方式,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2022-05-05
  • Babel自动生成Attribute文档实现详解

    Babel自动生成Attribute文档实现详解

    这篇文章主要为大家介绍了Babel自动生成Attribute文档实现示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-11-11
  • vue实现购物车列表

    vue实现购物车列表

    这篇文章主要为大家详细介绍了vue实现购物车列表,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-06-06
  • Vue事件处理的原理与过程详解

    Vue事件处理的原理与过程详解

    这篇文章主要介绍了vue事件处理原理及过程详解,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2023-03-03
  • 带你了解前端的几种包管理器(npm/pnpm等)

    带你了解前端的几种包管理器(npm/pnpm等)

    随着前端工程化的应用越来越广,插件和包的管理也逐渐衍生出很多的管理器,常见的几种包管理器如:npm、cnpm、yarn、pnpm,那你知道这些管理器之间有哪些区别吗?我们一起来逐个认识下它们
    2023-04-04
  • Vue仿Bibibili首页的问题

    Vue仿Bibibili首页的问题

    这篇文章主要介绍了Vue仿Bibibili首页,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2021-01-01
  • 在UniApp中实现App与H5页面的跳转及通信的代码示例

    在UniApp中实现App与H5页面的跳转及通信的代码示例

    在移动应用开发中,内嵌 H5 页面或与外部网页交互是常见需求,UniApp 作为跨平台框架,提供了灵活的方式实现 App 与 H5 的跳转和双向通信,本文将详细讲解实现方法,并提供可直接复用的代码示例,需要的朋友可以参考下
    2025-04-04
  • vue2.0 中#$emit,$on的使用详解

    vue2.0 中#$emit,$on的使用详解

    这篇文章主要介绍了vue2.0 中#$emit,$on的使用详解,需要的朋友可以参考下
    2017-06-06
  • vue.js父子组件通信动态绑定的实例

    vue.js父子组件通信动态绑定的实例

    今天小编就为大家分享一篇vue.js父子组件通信动态绑定的实例,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2018-09-09

最新评论