vuejs里：style和：class的区别（vue动态操作class和style）

「爱情、让人受尽委屈。」 2022-11-12 08:26 253阅读 0赞

[https://cn.vuejs.org/v2/guide/class-and-style.html][https_cn.vuejs.org_v2_guide_class-and-style.html]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzIyMTgyOTg5_size_16_color_FFFFFF_t_70][]

：class的意思是动态绑定**class的名称**，然后我们在<style>里面去专门设置class的效果即可

用法：

[https://blog.csdn.net/qq\_36838191/article/details/80793405][https_blog.csdn.net_qq_36838191_article_details_80793405]

：style的意思是动态绑定**style的效果**，直接把css效果写在里面

用法：

[https://blog.csdn.net/weixin\_30736301/article/details/100093744][https_blog.csdn.net_weixin_30736301_article_details_100093744]

[https://blog.csdn.net/chaofei\_liang/article/details/78074317][https_blog.csdn.net_chaofei_liang_article_details_78074317]

[https_cn.vuejs.org_v2_guide_class-and-style.html]: https://cn.vuejs.org/v2/guide/class-and-style.html
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzIyMTgyOTg5_size_16_color_FFFFFF_t_70]: /images/20221022/78de55a3b651454a9404b8872ef0bbb8.png
[https_blog.csdn.net_qq_36838191_article_details_80793405]: https://blog.csdn.net/qq_36838191/article/details/80793405
[https_blog.csdn.net_weixin_30736301_article_details_100093744]: https://blog.csdn.net/weixin_30736301/article/details/100093744
[https_blog.csdn.net_chaofei_liang_article_details_78074317]: https://blog.csdn.net/chaofei_liang/article/details/78074317

发表评论取消回复

表情：

评论列表（有 0 条评论，253人围观）

还没有评论，来说两句吧...

相关阅读

相关 Vue - Class和Style绑定详解

1. 模板部分 <template> <div>  <div :class="{

Bertha 。/ 2024年02月05日 20:19/ 0 赞/ 33 阅读

相关 class和style绑定

在数据绑定中，一个常见需求是，将数据与元素的 class 列表，以及元素的 style 内联样式的操作绑定在一起。由于它们都是属性(attribute)，因此我们可以使用

落日映苍穹つ/ 2023年10月09日 11:05/ 0 赞/ 55 阅读

相关 vuejs里：style和：class的区别（vue动态操作class和style）

[https://cn.vuejs.org/v2/guide/class-and-style.html][https_cn.vuejs.org_v2_guide_class-a

「爱情、让人受尽委屈。」/ 2022年11月12日 08:26/ 0 赞/ 254 阅读

相关 React（13）style 和 class

20、style 写法 JSX里，写 style 属性，有几点需要注意： 1. 以 k-v （对象）形式来写 style 属性（如果直接写在 html 标签里，容易以

港控/mmm°/ 2022年05月31日 08:09/ 0 赞/ 187 阅读

相关 Vue动态绑定Class 与 Style

Class 可以通过对象语法和数组语法进行动态绑定 <div v-bind:class="{ active: isActive, 'text-danger': has

悠悠/ 2022年05月21日 01:26/ 0 赞/ 290 阅读

相关 Vue class和style绑定

关于vue中class和style的绑定，我们在本篇主要是为大家说明一下该怎么使用v-bind来进行处理。首先我们看下class的几种绑定方式： 1.对象语法通过v

水深无声/ 2022年05月20日 09:38/ 0 赞/ 301 阅读

相关 vuejs Class 与 Style 绑定

转载: 官方教程 [https://cn.vuejs.org/v2/guide/class-and-style.html][https_cn.vuejs.org_v2_guid

野性酷女/ 2022年05月11日 00:56/ 0 赞/ 280 阅读

相关 vue学习（七） class和style学习

<table> <tbody> <tr> <td> <pre><code><!DOCTYPE html> <html lang="en"&g

野性酷女/ 2022年04月22日 10:52/ 0 赞/ 184 阅读

相关 Vue——Class和Style绑定

Class 与 Style 绑定操作元素的 class 列表和内联样式是数据绑定的一个常见需求。因为它们都是属性，所以我们可以用 `v-bind` 处理它们：只需要通过

矫情吗；*/ 2021年09月14日 12:28/ 0 赞/ 498 阅读

相关 vue里写三元判断绑定class和style

<a-select :disabled="(dataBaseId ? false : true)"

谁践踏了优雅/ 2021年07月25日 01:05/ 0 赞/ 530 阅读