v-bind 绑定style样式

v-bind 不是只能绑定data里面的数据吗？
为什么下图的绑定方式数据源是style标签里面的类名也可以生效啊(data 里面没有数据)

写回答
好问题 0 提建议
追加酬金
关注问题
分享
邀请回答
编辑收藏删除结题
收藏举报

2条回答默认最新

关注

码龄粉丝数原力等级 --

被采纳

被点赞

采纳率
你好！机器人 2022-04-07 22:24
关注
有时候属性也不是写死的，也是需要根据某些变量某些数据动态来决定的。

比如动态绑定a元素的href属性
比如动态绑定img元素的src属性
比如动态绑定一些类、样式
这些都可以

解决
无用 1
评论打赏
分享
举报

评论

按下Enter换行，Ctrl+Enter发表内容

报告相同问题？

关注问题

怎么通过v-bind绑定属性然后再拼接字符串 vue.js 前端
2022-03-11 17:38

回答 2 已采纳 <img :src="`../../assets/icons/富文本编辑器_${option}.png`" /> 或者 <img :src="'../../assets/icons/
vue3 v-bind传参给style scss中的变量，请教？ vue.js 前端有问必答
2022-05-27 17:45

回答 2 已采纳 if else 这是 sass 的规则，只会在加载编译成 css 的时候执行一次，不是响应式的。vue常见做法是定义两个 class，然后在 template 中或者 script 中根据 itemC
vue.js的v-bind不生效？ vue.js 有问必答
2021-10-19 14:59

回答 2 已采纳 this指向问题play函数执行完之后，在其他函数里面打印this.playurl，看看有没有结果
详解vue中v-bind:style效果的自定义指令
2020-10-15 18:02

在Vue中，`v-bind:style` 是一个用于动态绑定CSS样式的指令，它可以接受对象或字符串，方便地根据数据变化更新元素的样式。而自定义指令则是Vue提供的一种扩展机制，允许开发者自定义DOM操作。 1. **自定义指令**：...
Vue3 h函数如何使用 v-bind ？ vue.js 前端
2023-01-11 21:13

回答 1 已采纳 <template> <div> <h1>{{title}}</h1> <button v-bind:class="{ ac
vue怎么实现全选获取value，vue的v-bind和v-model同时存在v-bind无效 html5 javascript vue.js
2021-07-08 12:05

回答 3 已采纳来看，用watch监听可以实现，全选与非全选切换，如果数据多的话，其实可以直接把复选框的value直接放到一个数组里面，做全选的时候直接把数组项赋值给数组t比较方便 <div id="box"&
后台返回 base码 v-bind动态绑定给src 显示（unknown） javascript vue.js
2023-04-03 14:35

回答 1 已采纳参考一下https://blog.csdn.net/qq_42628504/article/details/119258855?spm=1001.2101.3001.6661.1&utm_medium
v-bind 绑定 class 与 style 基础用法
2024-03-15 17:54

zsx0728的博客使用 v-bind 指令绑定 class 和 style 时语法相对复杂一些，这两者是可以互相替代的，即 v-bind 绑定 class 属性可以改写成绑定 style 属性，只是 css 属性位置变了而已。
v-bind解析图片地址没效果 vue.js
2023-03-20 01:45

回答 3 已采纳如果图片地址是相对地址，那么需要在图片地址前面添加静态资源的根路径。可以在 Vue 实例的 created 生命周期中设置一个全局的静态资源根路径，在模板中使用 v-bind 绑定图片地址时，将静态资
vue v-on香v-bind来实现 html5 vue.js
2022-03-10 17:07

回答 3 已采纳 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></titl
vue的v-bind和文本插值这么写是不是行不通 vue.js 前端
2023-02-21 17:22

回答 2 已采纳你的写法没有错，是支持这么写的，不过我个人更建议绑定class而不是绑定style。另外，你本次没有成功的原因我认为是js部分中，赋值的操作引起的。data中的数组数据，不能这么赋值。应为这样(以针对
V-bind动态绑定style的案例集合
2024-07-26 11:03

前端基地的博客本文将全方位地为您呈现 v-bind 动态绑定 style 的丰富案例，其中涵盖了绑定数组、对象以及函数等详尽且深入的案例分析。仅需这一篇，就能让您对 v-bind 动态绑定style有全面而透彻的理解。
Vue3 element el-input 内联样式不生效，怎么让它生效 elementui vue.js 前端
2022-04-24 11:38

回答 9 已采纳你好你这个不是不生效,而是被里面input的样式覆盖了如果想这么写就要把里面的样式初始化应该可以解决 .el-input__wrapper{ 'font-weight':'inherit';
Vue中Class和Style几种v-bind绑定的用法-详解案例_vue style使用v-bind
2024-04-29 12:01

2401_84413092的博客渲染结果与上面相同除此之外，我们还可以使用计算属性去绑定元素的 class。
Vue.js基础-06-绑定样式（v-bind）-02-绑定内联样式（v-bind:style）
2022-05-30 23:03

玄德公笔记的博客 1. 绑定样式对象语法示例完整示例 2. 直接绑定样式对象语法示例完整示例 3. 绑定多个样式对象完整示例覆盖顺序
没有解决我的问题, 去提问

问题事件

关注

码龄粉丝数原力等级 --

被采纳

被点赞

采纳率
创建了问题 4月7日

悬赏问题

¥30 Pytorch深度学习服务器跑不通问题解决？
¥15 部分客户订单定位有误的问题
¥15 如何在maya程序中利用python编写领子和褶裥的模型的方法
¥15 Linux权限管理相关操作（求解答）
¥15 Bug traq 数据包大概什么价
¥15 在anaconda上pytorch和paddle paddle下载报错
¥25 自动填写QQ腾讯文档收集表
¥15 DbVisualizer Pro 12.0.7 sql commander光标错位显示位置与实际不符
¥15 android 打包报错
¥15 关于stm32的问题

v-bind 绑定style样式

2条回答 默认 最新

问题事件

悬赏问题

2条回答默认最新