v-bind定义
操作元素的 class 列表和内联样式是数据绑定的一个常见需求。因为它们都是属性,所以我们可以用 v-bind 处理它们:只需要通过表达式计算出字符串结果即可。不过,字符串拼接麻烦且易错。因此,在将 v-bind 用于 class 和 style 时,Vue.js 做了专门的增强。表达式结果的类型除了字符串之外,还可以是对象或数组。
HTML Css属性可以使用v-bind指定绑定数据,以便在不同的情况下产生不同的效果(动态绑定)。
简单的应用HTML:
示例文字
关注
打赏
热门博文
- uni-app - 随机数生成器,随机生成指定区间的整数或小数(支持指定小数点的位数)
- uni-app - 节流与防抖(按钮节流、输入框防抖解决方案)
- 微信小程序 - 页面触底 onReachBottom() 懒加载自动计算分页、检查是否已经请求完全部数据、自动请求接口合并数据(高效自动判断分页懒加载是否继续请求接口数据,超详细触底请求后端示例教程)
- JavaScript - 简单快速,根据条件剔除删除对象中某个字段键值(key / value)
- 微信小程序 - wx.navigateTo 跳转的路径携带 query 等参数,直接被忽略截断了(只剩网页域名后面的参数都没了),导致无法顺利传递给 web-view 组件(解决方案)
- JavaScript - 判断当前网页是否在微信内置浏览器中运行(最靠谱的方案,检查是否在微信浏览器中打开网站或页面)
- JavaScript - 纯 JS 实现让浏览器滚动条回到顶部(3种解决方案)
- uni-app - 根据后端返回的唯一 ID / code,生成 “唯一“ 的推荐码、邀请码、订单号、加密路由、一串英文+数字长字符等 (支持反序列化原 ID 解码,逆向得出 ID 二者互转)
- Vue Nuxt.js - 根据后端返回的唯一 ID / code,生成 “唯一“ 的推荐码、邀请码、订单号、加密路由、一串英文+数字长字符等 (支持反序列化原 ID 解码,逆向得出 ID 二者互转)
- JavaScript - 根据后端返回的唯一 ID / code,生成 “唯一“ 的推荐码、邀请码、订单号、加密路由、一串英文+数字长字符等 (支持反序列化原 ID 解码,逆向得出 ID 二者互转)