vue组件class绑定

Posted web前端开发技术

tags:

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

当在一个自定义组件上使用 class 属性时,这些类将被添加到该组件的根元素上面。这个元素上已经存在的类不会被覆盖。

例如,如果你声明了这个组件:

Vue.component(‘my-component‘, {
  template: ‘<p class="foo bar">Hi</p>‘
})

然后在使用它的时候添加一些 class:

<my-component class="baz boo"></my-component>

html 将被渲染为:

<p class="foo bar baz boo">Hi</p>

 

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

Vue.js中子组件向父组件传递信息。

vue父组件获取子组件的属性或方法

请教一个问题关于vue2中绑定class属性的问题

vue 在同一个标签中根据不同条件绑定不同的class 的写法。。动态绑定class

Vue.Js,将值绑定到组件中的复选框

vue组件6 使用vue添加样式