最新公告
  • 欢迎您光临AA分享网,一个高级程序员的学习、分享的分享平台!立即加入我们
  • vue.js怎么修改样式

    本文环境:windows7、vue2.9.6,该方法适用于所有品牌的电脑。

    vue.js修改样式的方法:

    1、给元素定义ref 属性

     <el-button ref="btnClick" class="list_button" " @click="openClose"></el-button>

    2、通过js 方法修改元素的样式 修改较多样式时可使用cssText

    function openClose() {
            this.isCollapse = !this.isCollapse
     
            if (this.isCollapse) {
                this.$refs.btnClick.$el.style.cssText =
                    'background-color:#1F2429;width:66px';
               
            } else {
                this.$refs.btnClick.$el.style.cssText =
                    'background-color:#1F2429;width:140px';
            }
        }

    3、修改单一样式时可直接使用样式名称

    function openClose() {
            this.isCollapse = !this.isCollapse
     
            if (this.isCollapse) {
                this.$refs.btnClick.$el.style.color = 'red';
               
            } else {
                this.$refs.btnClick.$el.style.color = 'blue';
            }
        }

    以上就是vue.js怎么修改样式的详细内容,更多请关注其它相关文章!

    AA分享网一个高级程序员的学习、分享的IT资源分享平台
    AA分享网-企业网站源码-PHP源码-网站模板-视频教程-IT技术教程 » vue.js怎么修改样式
    • 257会员总数(位)
    • 5903资源总数(个)
    • 14本周发布(个)
    • 6 今日发布(个)
    • 540稳定运行(天)

    提供最优质的资源集合

    立即查看 了解详情