脚本宝典收集整理的这篇文章主要介绍了记Vue中appendChild加不上class样式到解决,脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
风平日和的一个下午。刚刚转战准备放弃v-if
,v-show
,v-for
复杂绕弯子
准备用appendChild来做一个简单的聊天样式。
结果怎么写样式就是加不上去~人麻了
如果你遇到了同样的问题,相信你哪有时间看我一步步分析的
结果是:
我拜倒在scoped
的脚下🦶
因为我是放在组件里面,scoped将其说白了隔离起来了
然后我相当于在页面中不停的加入了空白的class样式,怎么可能成立嘛!
👉这篇文章很好地说明了原理文章地址
样式在检查元素中很明显看到我已经加上去了。但就是没效果
同样的没效果!!!
哦豁~柳暗花明~ 突然Vue的scoped!!
总结:scoped的渲染规则:(来自参考)
平时我们都知道用scoped来防止污染~
但是一下子没转过弯~吃了基础的亏
哎~献给1024的文章
以上是脚本宝典为你收集整理的记Vue中appendChild加不上class样式到解决全部内容,希望文章能够帮你解决记Vue中appendChild加不上class样式到解决所遇到的问题。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。