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使用的资料请关注脚本之家其它相关文章!

相关文章

  • iview-table组件嵌套input select数据无法双向绑定解决

    iview-table组件嵌套input select数据无法双向绑定解决

    这篇文章主要为大家介绍了iview-table组件嵌套input select数据无法双向绑定解决示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-09-09
  • vue实现带复选框的树形菜单

    vue实现带复选框的树形菜单

    这篇文章主要为大家详细介绍了vue实现带复选框的树形菜单,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-05-05
  • 如何通过Vue自定义指令实现前端埋点详析

    如何通过Vue自定义指令实现前端埋点详析

    埋点分析是网站分析的一种常用的数据采集方法,下面这篇文章主要给大家介绍了关于如何通过Vue自定义指令实现前端埋点的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
    2022-07-07
  • vue3实现v-model原理详解

    vue3实现v-model原理详解

    这篇文章主要介绍了vue3实现v-model原理详解,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-10-10
  • element ui loading加载开启与关闭方式

    element ui loading加载开启与关闭方式

    这篇文章主要介绍了element ui loading加载开启与关闭方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
    2024-08-08
  • vue踩坑之在input中使用filters局部过滤器问题

    vue踩坑之在input中使用filters局部过滤器问题

    这篇文章主要介绍了vue踩坑之在input中使用filters局部过滤器问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
    2023-11-11
  • vue中各选项及钩子函数执行顺序详解

    vue中各选项及钩子函数执行顺序详解

    今天小编就为大家分享一篇vue中各选项及钩子函数执行顺序详解,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2018-08-08
  • vue修改props数据报错的问题及解决

    vue修改props数据报错的问题及解决

    这篇文章主要介绍了vue修改props数据报错的问题及解决方案,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
    2024-08-08
  • laravel+vue组合的项目中引入ueditor方式(打包成组件形式)

    laravel+vue组合的项目中引入ueditor方式(打包成组件形式)

    今天小编就为大家分享一篇laravel+vue组合的项目中引入ueditor方式(打包成组件形式),具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2019-11-11
  • VUE3页面div如何点击改变样式

    VUE3页面div如何点击改变样式

    这篇文章主要介绍了VUE3页面div如何点击改变样式问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
    2024-03-03

最新评论