uniapp开发微信小程序后,在微信小程序开发工具中组件样式失效问题
在用uniapp开发微信小程序之后,在微信小程序开发工具查看页面样式的时候,会出现组件元素找不到及样式失效的问题,最后发现是因为设置了虚拟化组件节点的原因,但是不推荐修改该属性,可以通过下面的方式从父组件传递样式
//父组件
<xxx customClass='className' customStyle='color:red;'></xxx>
//组件
<template>
<view
:class="[customClass]"
:style="[customStyle]"
>
<slot />
</view>
</template>
<script>
export default {
name: 'xxx',
...
props: {
// 从父组件传递的样式
customStyle: {
type: [Object, String],
default: () => ({})
},
customClass: {
type: String,
default: ''
},
}
}
</script>
本文来自博客园,作者:夜晚的斑马鱼,转载请注明原文链接:https://www.cnblogs.com/zebrafish/p/15973041.html
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 阿里最新开源QwQ-32B,效果媲美deepseek-r1满血版,部署成本又又又降低了!
· 开源Multi-agent AI智能体框架aevatar.ai,欢迎大家贡献代码
· Manus重磅发布:全球首款通用AI代理技术深度解析与实战指南
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!
· AI技术革命,工作效率10个最佳AI工具