在vue项目开发中,发现利用v-html
读取的代码样式不生效,下面编程教程网小编给大家简单介绍一下解决方法!
原因分析:
因为调用了scoped
,所以需要通过样式穿透来>>>
定义样式!
解决方法:
<style scoped>
li >>>.desc{
font-size: 24px;
color: #f00;
}
</style>
以上是编程学习网小编为您介绍的“v-html样式不生效怎么解决”的全面内容,想了解更多关于 vuejs 内容,请继续关注编程基础学习网。
沃梦达教程
本文标题为:v-html样式不生效怎么解决


猜你喜欢
- electron-vue构建项目 2023-10-08
- 通过手写instanceof理解原型链示例详解 2023-08-08
- 在JavaScript中如何解决用execCommand( 2024-01-14
- 如何使用html5与css3完成google涂鸦动画 2024-02-21
- JS与Jquery获取屏幕、浏览器、页面的宽度和高度对比整理 2024-01-15
- Three.js实现雪糕地球的使用示例详解 2023-12-25
- table行随鼠标移动变色示例 2024-01-02
- js如何去除数组中的empty undefined空项 2022-10-22
- 谈谈Ajax原理实现过程 2022-10-17
- vuejs中文转拼音,带声符 2024-12-08