uni-app父组件引用子组件,子组件样式无效
时间: 2023-08-25 14:06:08 浏览: 164
Uniapp 多功能富文本编辑组件 可多端使用 H5插入
问题: uni-app父组件引用子组件,子组件样式无效
回答: 当在uni-app中父组件引用子组件时,有时候会遇到子组件样式无效的情况。这可能是由于样式作用域的问题导致的。在小程序端,可以通过在父组件中使用/deep/来更改子组件的样式。但在uni-app中,需要在父组件中添加options: { styleIsolation: 'shared' },然后再使用深度选择器来更改子组件的样式。这样子组件的样式就会生效了。需要注意的是,这个方法在小程序上经过测试可行,但在app端尚未测试。\[2\]
#### 引用[.reference_title]
- *1* [uni-app项目小程序父组件给子组件传递样式不生效](https://blog.csdn.net/qq_53987671/article/details/123438766)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down1,239^v3^insert_chatgpt"}} ] [.reference_item]
- *2* [uniapp中父组件修改子组件的样式不生效](https://blog.csdn.net/lixu102593/article/details/124902586)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down1,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]
阅读全文