zoukankan      html  css  js  c++  java
  • vue v-band 绑定 内联样式 style

    页面效果

    代码

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Document</title>
    </head>

    <body>
        <div id="app">
            <h1 :style="{color:'red','font-weight':200}">第一种方式</h1>
            <h1 :style="styleObj1">第二种方式</h1>
            <h1 :style="styleObj2">第三种方式(数组)</h1>
        </div>
    </body>
    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
    <script>
         var app= new Vue({
            el:'#app',
            data:{
                styleObj1:{color:'red','font-weight':200},
                styleObj2:{'font-style':'italic'}


            },
            methods:{
                
            }
                
        })
    </script>
    </html>
  • 相关阅读:
    github
    mysql安装和应用
    11月9日(visio安装很坑)
    11月4日
    11月3日
    10月29日
    10月26日
    10月25日
    9月29日
    9月28日
  • 原文地址:https://www.cnblogs.com/tiandlsd001/p/15250769.html
Copyright © 2011-2022 走看看