zoukankan      html  css  js  c++  java
  • class属性的computed写法示例

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Document</title>
        <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
        <style>
            .red{
                color:red
            }
            .font{
                font-size: 30px;
            }
        </style>
    </head>
    <body>
        <div id="app">
            <span :class="classObject">hello world</span>
        </div>
        <script>
           var v= new Vue({
                el:"#app",
                data:{
                    isTrue:true
                },
                computed:{
                    classObject:function(){
                        return  ['font',{'red':this.isTrue}]
                    }
                }
            });
        </script>
    </body>
    </html>
  • 相关阅读:
    大学随笔
    TMS320C54X系列DSP上FFT运算的实现(转)
    python第一天学习笔记以及心得
    Struts2学习笔记
    C#实现eval 进行四则运算(有码)
    sql 将字符串转换为表
    XML
    图形用户界面
    java io
    java集合
  • 原文地址:https://www.cnblogs.com/kukai/p/12853224.html
Copyright © 2011-2022 走看看