Vue:替换/合并现有的特性
2024-09-01 11:41:49
假设这是 bs-date-input
的模板:
<input type="date" class="form-control"> |
为了给该日期选择器插件增加一个特殊的主题,我们可能需要增加一个特殊的 class,比如:
<bs-date-input |
在这个例子当中,我们定义了两个不同的 class
值:
form-control
,来自组件自身的模板date-picker-theme-dark
,来自父组件
对于多数特性来说,传递给组件的值会覆盖组件本身设定的值。即例如传递 type="large"
将会覆盖 type="date"
且有可能破坏该组件!所幸我们对待 class
和 style
特性会更聪明一些,这两个特性的值都会做合并 (merge) 操作,让最终生成的值为:form-control date-picker-theme-dark
。
总结:就是vue可以将两个class合并在一起,这样就解决了两个class会覆盖掉一个的问题
最新文章
- Android 操作系统的内存回收机制(转载)
- Java上面出现这个错误如何解决关于XML的
- VC++ 最小化到托盘、恢复
- 转:HIBERNATE一些_方法_@注解_代码示例---写的非常好
- TCP/IP详解
- PHPCMS 实现上一篇下一篇的几种方法
- AttributeTargets 枚举
- SSH(1)
- Redis 内存使用优化与存储
- 【CSS3】Advanced9:Transformation
- 基于express框架的应用程序骨架生成器介绍
- java工厂设计模式初步
- 使用.Net+非关系型数据库MongoDB 实现LBS商家按距离排序_按离我最近排序
- 有关promise的技巧
- 【css3】使用filter属性实现改变svg图标颜色
- requirejs的使用和快速理解
- c#错误cs0006
- JAVA核心技术I---JAVA基础知识(时间类)
- Zookeeper简介与集群搭建
- PHP 判断浏览器语言
热门文章
- 【leetcode】1026. Maximum Difference Between Node and Ancestor
- 对Proxy的研究
- MySQL系统服务的安装删除
- <;i>;和<;em>;、<;b>;和<;strong>;标签的区别
- [CSP-S模拟测试]:Dinner(二分)
- [CSP-S模拟测试]:石头剪刀布(rps)(概率DP)
- sqlalchemy.orm.exc.DetachedInstanceError: 错误解决
- Day1 方法的重载
- 洛谷P1288 取数游戏II(博弈)
- 【GIS数据格式】ArcInfo Binary Grid Format