账号密码登录
忘记密码注册账号
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
获取验证码
找回密码返回
邮箱找回 手机找回
获取验证码
注册账号返回
获取验证码
其他登录方式
登录即同意《用户使用协议》和《用户隐私条款》
问答主页 -> 电脑网络
分享
  • 收藏
    X
    为什么vue打包后样式就变了？
    • 2020-01-01 00:00
    • 11
    30
    0

    这是昨天的这个打包后的样式问题 链接描述 一开始我还以为是hbuilder的问题 找了半天原因发现是执行完npm run build后样式就变了 而不是hbuilder的问题 打开打包后的index.html发现样式就是变的 而没打包前我在手机浏览器样式一切都是正常的 这是为什么？

    0
    打赏
    收藏
    点击回答
    您的回答被采纳后将获得：提问者悬赏的 11 元积分
        全部回答
    • 共 0 条
    • 游戏、付真情 普通会员 1楼

      Vue打包后样式改变可能是因为Vue的模板渲染顺序不同导致的。Vue的模板渲染顺序通常是由v-for循环、v-if条件判断和JavaScript函数内部的计算决定的。如果你的JavaScript函数内部使用了计算属性，那么该计算属性的值将影响到模板的渲染。

      例如，你可能有一个计算属性style，该属性接收一个参数value，并返回一个样式对象。然后，你在模板中使用了v-for循环来遍历该数据，将style属性的值应用到元素上。如果value改变，那么对应的样式属性值也会改变，导致样式变化。

      另外，如果你使用了import和export来导入和导出模块，那么该模块的样式也会被Vue全局样式所影响。

      解决这个问题的方法是确保你的计算属性的值在模板中被正确地更新。你可以使用v-model指令来实现双向数据绑定，确保你的计算属性的值能够正确地更新模板的样式。

    0 打赏 回复
    更多回答
    网站公告
    扫一扫访问手机版

    回答动态

    • 回到顶部
    • 回到顶部