vue样式不生效的解决方法

这篇文章主要介绍vue样式不生效的解决方法,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!

成都创新互联公司是一家专注于成都网站建设、网站制作与策划设计,宝塔网站建设哪家好?成都创新互联公司做网站,专注于网站建设十多年,网设计领域的专业建站公司;建站业务涵盖:宝塔等地区。宝塔做网站价格咨询:18980820575

vue样式不生效的解决办法:如果想让某些样式对子组件生效,可以使用【/deep/】深度选择器,代码为【/deep/.my-table td .cell {white-space: pre;}】。

vue样式不生效的解决办法:

/deep/ 深度选择器

在vue组件里,在style设置为scoped的时候,在写样式有时候对子组件不生效。如果想让某些样式对子组件生效,可以使用 /deep/ 深度选择器。

代码:

vue样式不生效的解决方法

解析在浏览器:

vue样式不生效的解决方法

以上是“vue样式不生效的解决方法”这篇文章的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注创新互联行业资讯频道!


本文名称:vue样式不生效的解决方法
分享地址:http://myzitong.com/article/ggdccp.html