cari

Rumah >hujung hadapan web >View.js >vue样式不生效怎么办

vue样式不生效怎么办

coldplay.xixi
coldplay.xixiasal
2020-12-23 10:20:538611semak imbas

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

vue样式不生效怎么办

本教程操作环境：windows7系统、Vue2.9.6版，Dell G3电脑，该方法适用于所有品牌电脑。

【相关文章推荐：vue.js】

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

/deep/ 深度选择器

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

 代码：

a8d7a86c4a9cc445811c8ab91e248f0.png

解析在浏览器：

7b24738a1c280c5c5d86a7774a98189.png

相关免费学习推荐：javascript（视频）

Atas ialah kandungan terperinci vue样式不生效怎么办. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

JavaScript vue.js JS 选择器 table td
Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：vue.js中如何运行项目Artikel seterusnya：.vue文件乱码怎么解决

Artikel berkaitan

Lihat lagi