vue-cli js动态插入行内样式 浏览器前缀自动被删除

用vue-cli 配合webpack 做项目 因项目特殊需求必须给浏览器添加相应的前缀 现在遇到的问题是在js中给页面动态插入行内样式!在插入的时候分别写了相应的浏览器前缀,但是在最终编译的时候只编译出来了标准样式,带有前缀的样式并没有编译出来造成页面效果不正确!(编译无报错)

下图是我的代码 行为是动态插入行内样式 分别插入标准版本和前缀版

clipboard.png

下图是最终编译的代码在浏览器中查看为只有标准版并没有出现有webkit前缀的版本

clipboard.png

在网上查找了很多也没有类似解决的思路请大家帮忙看下

阅读 2.5k
1 个回答

答案已经找到了 是一个非常低级的错误! 我在有浏览器前缀的js语句中少给了 ‘px’作为单位 造成 样式无效!低级错误 一定要避免!

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题