vue项目 同一个页面逻辑,在development环境执行成功,production环境执行失败

发布于 2022-09-12 23:01:54 字数 660 浏览 25 评论 0

使用了ant-design-vue 的table组件;
image.png
是将左侧的固定列宽度设为200.

image.png
该图为development环境的页面,发现对应的dom是存在width: 200px; 的style样式的,说明设置width属性成功了。

image.png
这是production环境的页面,这个dom上没有width: 200px; 的style样式。

image.png
在production环境找到了编译后的项目代码,发现也走了设置column.width = '200'的逻辑;

image.png
在production环境使用devtools发现对应的实例数据也正确;

问下大佬们,遇到这种开发环境和生成环境执行的逻辑一样,但是最后页面显示的内容不一样,有什么解决办法。

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

无妨# 2022-09-19 23:01:54

上面是 min-width: 200px,下面是 min-width: 44px。感觉应该是哪个逻辑没整对,要不就是跟页面宽度有关系。具体是什么原因,猜不出来。

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文