如何确认vue-tags-input的类名ti-new-tag-input属于库的公开API?
- 核查官方文档
优先查看组件的官方公开文档,确认是否将ti-new-tag-input作为对外暴露的稳定选择器、可自定义样式的标识进行说明。如果文档明确提及该类名属于对外公开的可操作标识,后续版本迭代基本不会随意修改,否则属于破坏性更新,库作者会提前在变更日志中公示。 - 核查历史变更记录
查看组件仓库的版本更新日志、历史提交记录,确认过往多个大小版本迭代中是否有修改过该类名的记录。如果跨多个大版本该类名都没有变动,说明属于组件核心基础结构的固定类名,稳定性很高。 - 分析源码类名属性
ti-new-tag-input是输入框绑定默认样式的固定基础类,这类类名如果修改会导致所有依赖组件默认样式的项目样式失效,库作者通常不会轻易调整这类核心样式类,改动风险很低。 - 兜底兼容方案
如果还是担心后续类名变更影响业务,可以采用更稳妥的实现方式:给引入的vue-tags-input组件绑定自定义ref,通过ref获取组件实例后,从实例的$el属性下遍历查找输入框元素,或者通过事件冒泡的方式在组件外层监听你需要绑定的事件,不需要依赖固定类名也能实现需求。
内容的提问来源于stack exchange,提问作者user15909643
相关产品推荐
相关产品推荐

