zoukankan      html  css  js  c++  java
  • Vue中class与style

     <div id="box">
            <div :class="classobj">动态切换class--对象写法</div>
            <div :class="classarr">动态切换class--数组写法</div>
            <div :style="styleobj">动态切换style--对象写法</div>
            <div :style="stylearr">动态切换style--数组写法</div>
        </div>
    data: {
                classobj: { // 动态切换class--对象写法
                    a: true,
                    b: true,
                    c: true,
                },
                classarr: [ // 动态切换class--数组写法
                    "aa", "nn", "cc"
                ],
                styleobj: { // 动态切换style--对象写法
                    backgroundColor: "red",
    
                },
                stylearr: [ // 动态切换style--数组写法, 如果需要push也是需要push进{}
                    {backgroundColor: "red"},
                    {fontSize: "23px"},
                ]
            },
  • 相关阅读:
    Math app 2.0
    “口袋精灵”单元测试
    学习进度条
    本学期总结
    sprint2的总结及团队贡献分
    点餐系统Sprint1总结
    实验8
    实验7
    实验6
    实验五
  • 原文地址:https://www.cnblogs.com/lude1994/p/14664280.html
Copyright © 2011-2022 走看看