v-bind是是否需要绑定某一个类名

简介: v-bind是是否需要绑定某一个类名

v-bind 结合 css样式 结合标签显示是否要显示出某个样式


<p :class="['bg','dx', {'lin':falg}]">{{ msg }}</p>


<p :class="{bg:true, dx:true, lin:true}">{{ msg }}</p>这种不好 因为写死了


动态绑定类名时不再是{{}}号了

 

lin为true,绑定lin这个类名


<style>
        .bg {
            background: pink;
        }
        .dx {
            font-size: 30px;
        }
        .lin {
            color: #ffffff;
        }
    </style>
    <div id="app">
        <p :class="['bg','dx', {'lin':falg}]">{{ msg }}</p>
        <!-- <p :class="['bg','dx']">{{ msg }}</p> 绑定两个类名 -->
    </div>
    <script>
        var vm = new Vue({
            el: '#app',
            data: {
                msg: '大家都是好学生',
                falg: true
            }
        })
    </script>
相关文章
|
8月前
19avalon - 指令ms-class(类名绑定)
19avalon - 指令ms-class(类名绑定)
32 0
|
8月前
45SpringMVC - 参数绑定(绑定简单类型)
45SpringMVC - 参数绑定(绑定简单类型)
47 0
|
1月前
|
C++
C++高级开发之可调用对象、function、bind(2)
std::bind 绑定器   要使用这个函数模板,在 cpp文件前面要包含如下头文件#include<funcitonal>   std::bind能够将对象以及相关的参数绑定到一起,绑定完成后可以直接调用,也可以用
39 0
|
1月前
|
JavaScript
除了`v-bind`指令,还有哪些方法可以在Vue中绑定属性和数据?
除了`v-bind`指令,还有哪些方法可以在Vue中绑定属性和数据?
23 0
|
1月前
|
C++
C++高级开发之可调用对象、function、bind(1)
可调用对象   以前函数调用总是离不开一堆圆括号,没错“()”就是函数调用的一个明显标记,这个 “()”有一个称呼叫函数调用运算符。
53 0
|
1月前
|
存储 C++
【C++11特性篇】玩转C++11中的包装器(function&bind)
【C++11特性篇】玩转C++11中的包装器(function&bind)
|
10月前
|
C++
【C++】bind包装器
【C++】bind包装器
31 0
|
JavaScript
vue中动态绑定类名v-bind:class的几种常见的用法(以导航菜单点击高亮为例讲解)
vue中动态绑定类名v-bind:class的几种常见的用法(以导航菜单点击高亮为例讲解)
184 0
|
C++
c++bind函数使用
c++bind函数使用
104 1
uiu
|
前端开发 JavaScript
【Vue】Class与Style的绑定 —— 绑定对象与数组
【Vue】Class与Style的绑定 —— 绑定对象与数组
uiu
207 0
【Vue】Class与Style的绑定 —— 绑定对象与数组