您现在的位置是:首页 > 技术教程 正文

前端-VUE2中的动态CSS样式

admin 阅读: 2024-03-30
后台-插件-广告管理-内容页头部广告(手机)

一、第一种,:style写法,分为直接赋值变量,或者使用CSS样式对象

1.赋值变量

 computed: {
    buttonStyle() {
      return {
        backgroundColor: this.clicked ? 'green' : 'blue',
        color: 'white',
        padding: '10px 20px'
      };
    }
  }

2.使用CSS样式对象

111


二、第二种,使用类名绑定:class


 

 

标签:
声明

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

在线投稿:投稿 站长QQ:1888636

后台-插件-广告管理-内容页尾部广告(手机)
关注我们

扫一扫关注我们,了解最新精彩内容

搜索