v-bind 不是只能绑定data里面的数据吗？
为什么下图的绑定方式数据源是style标签里面的类名也可以生效啊(data 里面没有数据)
v-bind 绑定style样式
- 写回答
- 好问题 0 提建议
- 关注问题
分享- 邀请回答
-
2条回答 默认 最新
你好！机器人 2022-04-07 22:24关注有时候属性也不是写死的，也是需要根据某些变量某些数据动态来决定的。
比如动态绑定a元素的href属性
比如动态绑定img元素的src属性
比如动态绑定一些类、样式
这些都可以解决评论 打赏无用 1举报 分享
- 2020-10-15 18:02在Vue中，`v-bind:style` 是一个用于动态绑定CSS样式的指令，它可以接受对象或字符串，方便地根据数据变化更新元素的样式。而自定义指令则是Vue提供的一种扩展机制，允许开发者自定义DOM操作。 1. **自定义指令**：...
- 2024-03-15 17:54运维狗的备忘录的博客 使用 v-bind 指令绑定 class 和 style 时语法相对复杂一些，这两者是可以互相替代的，即 v-bind 绑定 class 属性可以改写成绑定 style 属性，只是 css 属性位置变了而已。
- 2024-07-26 11:03前端基地的博客 本文将全方位地为您呈现 v-bind 动态绑定 style 的丰富案例，其中涵盖了绑定数组、对象以及函数等详尽且深入的案例分析。仅需这一篇，就能让您对 v-bind 动态绑定style有全面而透彻的理解。
- 2025-03-11 01:35Forever丿顾北的博客 title: “4. v-bind与class及style绑定”
- 2024-04-29 12:012401_84413092的博客 渲染结果与上面相同除此之外，我们还可以使用计算属性去绑定元素的 class。
- 2022-05-30 23:03玄德公笔记的博客 1. 绑定样式对象 语法示例 完整示例 2. 直接绑定样式对象 语法示例 完整示例 3. 绑定多个样式对象 完整示例 覆盖顺序
- 2023-12-19 20:49大鹏AI教育的博客 v-bind指令可以说是Vue3中最常用的指令之一，使用v-bind，我们几乎能够给任何实现动态的绑定比值。这里，我们主要演示以下，通过v-bind动态绑定CSS样式。
- 2024-05-16 12:262401_84437604的博客 前端资料汇总开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】框架原理真的深入某一部分具体的代码和实现方式时，要多注意到细节，不要只能写出一个框架。算法方面很薄弱的，最好多刷...
- 2022-03-06 23:03stack君的博客 绑定属性使用v-bind： 缩写：: 预期：any (with argument) | Object (without argument) 参数：attrOrProp (optional) 修饰符： .camel - 将 kebab-case attribute 名转换为 camelCase。 用法：动态地绑定一个或多...
- 2024-02-27 11:25初七初七的博客 1.class样式绑定。2.style样式绑定。
- 2024-03-26 08:51小吴吴吴呀的博客 Vue3 使用 v-bind 动态绑定 CSS 样式
- 没有解决我的问题, 去提问
问题事件
创建了问题
4月7日