摘要：如何产生在开发项目中遇到在组件中添加样式不生效的情况。具体场景如下组件我用在上面标签中插入一个，组件样式都会在选择器的最后加上属性样式添加了浏览器渲染的和如下样式不生效，因为标签里没有属性如何解决很简单将去掉的属性。
如何产生
在开发项目中遇到在组件中添加样式不生效的情况。具体场景如下
//// vue 组件
//我用js在上面div标签中插入一个text goes here
//style ， vue组件scoped样式都会在选择器的最后加上data-v-***属性
浏览器渲染的html 和 style 如下：
//html如何解决//style .box[data-v-33f8ed40]{ color:red; } .text[data-v-33f8ed40]{ //样式不生效，因为p标签里没有属性data-v-33f8ed40 color:blue; }text goes here
很简单将去掉 style 的 scoped 属性。
文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。
转载请注明本文地址：https://www.ucloud.cn/yun/52575.html
摘要：如何产生在开发项目中遇到在组件中添加样式不生效的情况。具体场景如下组件我用在上面标签中插入一个，组件样式都会在选择器的最后加上属性样式添加了浏览器渲染的和如下样式不生效，因为标签里没有属性如何解决很简单将去掉的属性。 如何产生 在开发项目中遇到在组件中添加样式不生效的情况。具体场景如下 //// vue 组件 //我用js在上面div标签中插入一个text goes h...
摘要：新手坑开发环境和生产环境样式不一致的问题上次提到作用域问题导致样是不生效这次讲的是我之前遇到的一个小坑稍不留神就完蛋前阵子做的一个小项目引入了的库外加自己写的很多样式在开发环境下测试完美直接就出来上正式环境发现竟然有多处样式未生效的问题还好 [新手坑] 02.Vue开发环境和生产环境样式不一致的问题 上次提到作用域问题, 导致样是不生效, 这次讲的是我之前遇到的一个小坑, 稍不留神就完...
摘要：官方文档可以直接在能跑起来的项目中使用。所以在使用的父组件中使用的子组件也要开启。能正常编译，而则会编译的不符合预期，所以平时养成良好的参数书写顺序也很重要。总结总结综上所述，前期进行不麻烦的配置，实现的效果比更优，这里推荐使用。scoped css 官方文档 scoped css可以直接在能跑起来的vue项目中使用。 使用方法： h1 { color: #f00; } 使用scop...
阅读 1389·2021-11-15 11:38
阅读 3524·2021-11-09 09:47
阅读 1934·2021-09-27 13:36
阅读 3170·2021-09-22 15:17
阅读 2508·2021-09-13 10:27
阅读 2832·2019-08-30 15:44
阅读 1124·2019-08-27 10:53
阅读 2663·2019-08-26 14:00
