javascript - vue.js中更改了state,为什么没有立即触发视图的更新?

 我hi7娘 发布于 2022-11-12 19:55

点击了之后,总金额可以立即更新过来,可是为什么增加的color类没有立即应用到a标签上,等下一次再点击下一条的时候,上一条的color类才会被应用上?为啥呀?
代码如下:




    
    vue+boostrap最佳实践3
    
    



    

商品总金额: {{total}}

直接复制粘贴到html文件里就可以预览了。

2 个回答
  • 因为bootstrap 设置了.list-group-item 的 :hover,和:focus的样式,你点击后有hover和focus状态

    a.color,
    a.color:hover,
    a.color:focus{
      background: #E35885;
    }

    https://jsfiddle.net/ycloud/x...

    2022-11-12 19:55 回答
  • 我稍微改了下,问题出在a标签的href属性上,取消href属性或替换为其他标签就没有问题了

    2022-11-12 19:55 回答
撰写答案
今天,你开发时遇到什么问题呢?
立即提问
热门标签
PHP1.CN | 中国最专业的PHP中文社区 | PNG素材下载 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有