首页 > 编程语言 >【uniapp】CSS样式穿透(vue3 setup 微信小程序)

【uniapp】CSS样式穿透(vue3 setup 微信小程序)

时间:2024-01-18 20:24:20浏览次数:33  
标签:uniapp 样式 微信 setup 穿透 vue3 CSS

 如果想要在编译为微信小程序时使用样式穿透,光使用 `::v-deep` 没效果,查了文档发现需要设置 `options: { styleIsolation: "shared" }`, 但是此时我用的setup语法很离谱,查阅不到相关内容,尝试多次最后的解决方法如图所示,增加一个script标签设置即可。

这样就能生效了。

标签:uniapp,样式,微信,setup,穿透,vue3,CSS
From: https://www.cnblogs.com/gouziweisuidanerfei/p/17973313

相关文章

  • 2024年首次更新!微信iOS 8.0.46发布:手机空间清理更方便、看广告免费听VIP音乐
    从微信官网获悉,日前,微信iOS版发布8.0.46正式版更新,这是iOS版2024年的首次更新。更新日志还是熟悉的那几个字:“修复了一些已知问题。”根据实测,微信在8.0.46版本中新增了一项比较实用的功能。具体来看,微信iOS8.0.46版将原本不可删除的“其他数据”拆分,新增“资源文件和其他账......
  • 基于uniapp开发的APP,怎么实现自动升级
    最近使用uniapp框架开发了一款APP,怎么让APP监测到有新的版本,并且点击新的版本实现自动升级呢,话不多说,请看下文。封装一个弹窗组件,当监测到最新的APP版本高于现在的版本时,弹窗提示新的版本信息,包括版本号、版本更新内容、是否强制更新控制等。一、src/components/updateModal/ind......
  • 微信小程序设置默认启动页
    一、第一种entryPagePath指定小程序的默认启动路径(首页),常见情景是从微信聊天列表页下拉启动、小程序列表启动等。如果不填,将默认为 pages 列表的第一项。不支持带页面路径参数。在app.json页面设置{"entryPagePath":"pages/index/index"}二、第二种 pages 列表的......
  • uniapp开发——h5版本页面切换无法重置页面滚动状态的处理方案
    前言:使用vue开发h5的时候,都会使用vue-router的scrollBehavior函数处理页面滚动状态,代码如下:constrouter=newVueRouter({mode:"hash",routes,scrollBehavior(to,from,savePosition){if(savePosition&&to.meta.keepAlive){returnsavePosition;......
  • 企业微信打开报错
    企业微信应用配置完之后,打开报错一、问题现象企业微信应用配置完之后,打开报错,提示"UNSAFE_PORT"二、解决思路原来是用了6666端口。。。。。。去搜了一下发现Chrome浏览器是默认一些端口号为非安全端口的。遇到这个问题建议更换端口号下面记录一下Chrome浏览器限制的部......
  • 你不知道的vue3:使用runWithContext实现在非 setup 期间使用inject
    前言日常开发时有些特殊的场景需要在非setup期间调用inject函数,比如app中使用provide注入的配置信息需要在发送http请求时带上传给后端。对此我们希望不在每个发起请求的地方去修改,而是在发起请求前的拦截进行统一处理,对此我们就需要在拦截请求的函数中使用inject拿到app注入的......
  • uniApp篇
    uniApp篇:https://mp.weixin.qq.com/s?__biz=MzUzMTMxODY3OQ==&mid=2247489087&idx=1&sn=6e8da1aaa7461f0eaf70dd6668106304&chksm=fa4504c7cd328dd163a36bb1ba625d96e9f853f650033267741817347836a939fa8f5ba3c33b&mpshare=1&scene=23&srcid=0115......
  • C#微信公众号HIS预约挂号系统源码
    微信公众号预约挂号系统、支付宝小程序预约挂号系统主要是让自费、医保患者在手机上就能实现就医全过程,实时预约挂号、自费、医保结算,同时还可以查询检查检验报告等就诊信息,真正实现了让信息“多跑路”,让群众“少跑腿”。系统与HIS对接,通过医院微信公众号,患者用身份证注册以后,可以......
  • 如何将python上调试好的whisper部署到微信小程序上
    如何将Python上调试好的Whisper部署到微信小程序上引言随着智能手机的普及和移动互联网的快速发展,微信小程序成为了一个非常热门的应用开发平台。Python作为一门非常流行的编程语言,拥有丰富的第三方库和强大的调试功能。本文将介绍如何将Python上调试好的Whisper部署到微信小程序......
  • 某客《微信小程序》从基础到实战视频教程
     第1部分微信小程序从基础到实战课程概要  第1节微信小程序从基础到实战课程概要  1.1微信小程序从基础到实战课程概要  第2部分初识微信小程序   第1节微信小程序简介  2.1微信小程序简介  第2节微信小程序开发准备2.2.1微信小程序开发准......