问答

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

作者:admin 2021-04-17 我要评论

使用了ant-design-vue 的table组件; 是将左侧的固定列宽度设为200. 该图为development环境的页面,发现对应的dom是存在width: 200px; 的style样式的,说明设置w...

在说正事之前,我要推荐一个福利:你还在原价购买阿里云、腾讯云、华为云服务器吗?那太亏啦!来这里,新购、升级、续费都打折,能够为您省60%的钱呢!2核4G企业级云服务器低至69元/年,点击进去看看吧>>>)

使用了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发现对应的实例数据也正确;

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

###

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

版权声明:本文转载自网络,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。本站转载出于传播更多优秀技术知识之目的,如有侵权请联系QQ/微信:153890879删除

相关文章
  • nginx响应速度很慢

    nginx响应速度很慢

  • 点击选中的多选框,会在已选那一栏显示

    点击选中的多选框,会在已选那一栏显示

  • PHP 多态的理解

    PHP 多态的理解

  • 关于C语言中static的问题

    关于C语言中static的问题

腾讯云代理商
海外云服务器