给元素绑定 class

Posted 谁说程序猿很猥琐

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了给元素绑定 class相关的知识,希望对你有一定的参考价值。

 <div id="app04">
        <label v-bind:class="{‘Class1‘:Class1}">sasjadjagd</label>  <!--绑定一个样式-->>
        <div v-bind:id="‘my‘+id">v-bind-id</div><!--动态绑定id-->
    </div>

调用:
  StudyChangeStyle("#app04");



实现:

function StudyChangeStyle(obj) {
    new Vue({
        el: obj,
        data: {
            Class1: true,         // 动态绑定样式,如果为 true,则使用该样式,否则不适用该样式
            id: 12344              //  动态绑定id
        }

    })
}

  

以上是关于给元素绑定 class的主要内容,如果未能解决你的问题,请参考以下文章

使用绑定从片段访问父活动的 UI 元素

[vue3快速入门] 12.样式控制1——class绑定

05《Vue 入门教程》Vue 动态样式绑定

如何利用Vue.js库绑定HTML标签内的class属性值

Vue绑定class与绑定内联样式--v-bind

给元素绑定表单提交事件