vxe-table 打包部署上线，校验样式失效

最新推荐文章于 2024-11-22 10:52:48 发布
原创 最新推荐文章于 2024-11-22 10:52:48 发布 · 999 阅读 · 2 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#1024程序员节 #vue.js

  • 正常效果
    在这里插入图片描述
  • 打包上线后的样式
    在这里插入图片描述
    样式失效原因，vue版本与vxe-table版本不兼容导致
    版本
"vxe-table": "^4.3.5",
"vxe-table-plugin-element": "^3.0.6",
"xe-utils": "^3.5.4",

由于vxe-table最新版本是4.5.13，项目包版本是以^开头，jenkins上拉取vxe-table最新版本，导致vue与vxe-table不兼容，去掉 ^即可。

^ 会匹配最新的大版本依赖包，比如^1.2.3会匹配所有1.x.x的包，包括1.3.0，但是不包括2.0.0

vxe-table
https://shixuebin.gitee.io/hexo-blog/
08-09 709
的 PC 端表格组件，支持增删改查、虚拟列表、虚拟树、懒加载、快捷菜单、数据校验、打印导出、表单渲染、数据分页、弹窗、自定义模板、渲染器、贼灵活的配置项、扩展接口等...不建议将第三方的 CDN 地址用于生产，因为该连接随时都可能会失效，导致项目挂掉;使用 CDN 方式记得锁定版本号，避免受到非兼容性更新的影响。编译打包，生成编译后的目录：es,lib。-- 引入样式 -->-- 引入脚本 -->...
vxe-table表格组件给row-style和cell-style等修改样式无效的问题，例如：background-color
dlchgg的博客
04-04 1170
jsx导致的动态样式失效：background-color得写成backgroundColor
vxe-table 更新 v2.9.17+ 解决表格原始数据无法被校验问题，表格校验无效问题
我的博客
08-27 5588
vxe-table 更新 v2.9.17+ 解决表格原始数据无法被校验问题，表格校验无效问题 旧的 validate 用法，无论数据是否发生变动，都会校验全量数据： //... methods: { // ... submitEvent(){ // 全量校验 this.$refs.xTable.validate().then(errMap => { if (errMap) { // 校验不通过！ } else {
vxe-table 中自定义模板，解决渲染单元格为 element-ui 组件后无法选中值
热门推荐
我的博客
12-17 1万+
vxe-table 中自定义模板，渲染单元格为 element-ui 组件如何解决跨组件之间的事件冲突例如以下代码解决方法 如何解决跨组件之间的事件冲突 vxe-table 强大之处就是可以支持任意的 vue 组件，但在渲染大部分组件后默认是无法直接使用的，需要解决好跨组件之间的事件冲突 例如以下代码 虽然可以正常渲染和显示，但是会无法选中下拉选项，这就是跨组件的事件冲突，下面会提到解决办法 &l...
基于 vxe-table 表格的适配插件，用于兼容 element-ui、element-plus 组件库
05-28
Compatibility 对应 vxe-table v4 版本 Installing npm install vxe-table@next vxe-table-plugin-element@next element-plus // ... import VXETable from 'vxe-table' import VXETablePluginElement from 'vxe-table-plugin-element' import 'vxe-table-plugin-element/dist/style.css' // ... VXETable.use(VXETablePluginElement)
vue+ElementUi打包后样式失效的问题解决
weixin_46147856的博客
07-19 6593
vue+elementui项目打包后,我发现页面样式变成了elementui自带的样式,自己在组件里修改过的样式没有生效。 问题原因: main.js中的引入顺序决定了打包后css的顺序，如果先引入router,后引入第三方组件的话,第三方组件样式可能就会将组件内的样式覆盖。 解决办法: 调整引入顺序,先引入第三方组件，再引入router，就能实现组件样式在第三方样式之后渲染。 代码如下: main.js import Vue from 'vue' import App from './App' impor
vxe-table校验表格，校验函数触发了，但是提示信息不显示
Gnined的博客
03-10 768
vxe-table校验表格，校验函数触发了，但是提示信息不显示
j-vxe-table呢
03-30
可能还需要考虑j-vxe-table的高级功能，比如行编辑、数据校验，这些在之前的回答中没有涉及，但现在用户可能希望了解如何在这些场景下正确使用分页和数据加载。需要整理出j-vxe-table的核心功能、配置步骤、常见问题...
vxe-table-custom-panel If this is a native custom element, make sure to exclude it from component resolution via compilerOptions.isCustomElement.
06-07
嗯，用户现在遇到了vxe-table的自定义元素问题，特别是在使用vxe-table-custom-panel时需要排除组件解析。之前我给了两种解决方案，用户这次明确提到要使用compilerOptions.isCustomElement方法。用户引用的资料虽然...
<vxe-grid ref="partDetailRef" v-bind="partDetailOptions" ></vxe-grid>进行行分组vue3,只一个分组字段
04-24
好的，我现在需要帮助用户在Vue3中使用vxe-grid组件通过单个字段实现行分组功能。....vxe-table--render-default .vxe-body--row.row--group { td { background-color: var(--group-bg) !important; } } ```
踩坑： vxe-table-plugin-export-xlsx/dist/index.common.js 报错 --- vxe-table-plugin-export-xlsx
weixin_44019706的博客
10-26 1380
先发现，注释这两句运行就不报错了（如下图），所以是 vxe-table-plugin-export-xlsx 的原因。
vxe-table判断渲染列丢失问题
D丶bird
01-09 599
vxe-table判断渲染列丢失问题
vxe-table表格校验失败后保持可以编辑状态
qq_27161847的博客
11-09 1603
vxe-table表格校验失败后保持可以编辑状态
vue项目打包上线后页面样式与开发页面不一致
朽木自雕的博客
06-10 4274
vue项目打包上线后页面样式与开发页面不一致 原因： 打包的过程会进行优化，导致引入样式文件的顺序发生变化 解决办法： 将自己写的样式文件放在最后面，框架什么的放在前面 注意：每个组件的样式文件记得加上scoped，防止样式冲突 ...
vxe-grid table 修改表格数据校验的主题样式
chenhdowue的博客
11-22 1084
vxe-grid table 修改表格数据校验的主题样式
使用vxe-table遇到的问题
anqiaoyun的博客
11-27 1693
使用vxe-table时遇到的问题
解决vxe-table切换显示隐藏的时候表格样式错乱问题
前端你鹏哥的博客
06-29 1391
此时我们只需要在切换表格的方法里触发一下表格的refreshData()方法即可解决此问题。
测试环境测试通过了，生产环境出问题
软件测试入门&进阶
06-06 4232
群友问：测试环境测试通过了，生产环境出问题Bigder：生产环境出问题有几个原因1、部署原因：生产环境代码，不是测试环境验证通过的代码2、配置原因：生产环境配置出问题3、测试漏测：测试未覆盖，测试环境也没有覆盖到、生产环境暴露问题4、临时变更：发布生产环境前、临时变革需求点、时间紧、任务急、难覆盖全以上，Bigder往期文章Linux常用实用技能总结测试基础&进阶软件测试入门软件测试面试怎样介绍自己的测试项目？会问到什么程度？简单易用的页面性能测试工具：Google浏览器自带的页面性能插件Performan
【bug】【vxe-table】设置固定列，表头后端返，样式错乱已解决
花椒和蕊的博客
01-13 5631
【bug】【vxe-table】设置固定列，表头后端返，样式错乱已解决
/* 调整横向滚动条高度 */ .vxe-table .vxe-table--scroll-x-handle{ height: 15px; } .vxe-table .vxe-table--scroll-x-handle::-webkit-scrollbar { height: 15px; } .vxe-table .vxe-table--scroll-x-handle::-webkit-scrollbar::after { height: 15px; } 滚动条页面样式如上， "vxe-table": "^3.6.13", 打包后 .vxe-table .vxe-table--scroll-x-handle::-webkit-scrollbar { height: 15px; } .vxe-table .vxe-table--scroll-x-handle::-webkit-scrollbar::after { height: 15px; } 失效
最新发布
08-08
根据用户的问题，用户在使用vxe-table时，打包后滚动条样式失效，具体是.vxe-table--scroll-x-handle::-webkit-scrollbar样式失效。这通常是因为在打包过程中，样式被优化或忽略了，特别是使用Webpack等构建工具时，...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值