UniApp Vue3版如何实现微信小程序样式穿透

最新推荐文章于 2024-08-20 09:59:43 发布

antlers777_

最新推荐文章于 2024-08-20 09:59:43 发布

阅读量1.5k

点赞数 4

文章标签： uni-app 微信小程序小程序

本文链接：https://blog.csdn.net/weixin_43952913/article/details/134415457

版权

本文讨论了在Vue3中使用组合式API开发时，遇到微信小程序样式不生效的问题，提出了解决方案——在uniapp中通过设置`options.styleIsolation`为shared`来开启样式穿透。开发者需将相关配置分离到单独的选项式部分进行设置。

摘要由CSDN通过智能技术生成

很多伙伴在写vue3的时候，都使用了组合式api。
而在修改微信小程序的样式的时候，遇到不生效问题，H5却很听话。
其实uniapp有个参数配置，需要开启小程序的样式穿透才行。
那么在Vue3里该如何配置呢？

<script lang="ts">
import { computed, reactive, ref, toRaw } from "vue";
import type { Ref } from "vue";
import { onLoad } from "@dcloudio/uni-app";
// 其他代码逻辑
const getAppInfo = (e: string) :void => {}; 
</script>
<script lang="ts">
export default {
    options: { styleIsolation: "shared" },
};
</script>

重点就是第二个script，要分开主代码逻辑去写，以选项式的格式去开启。
快去试试吧！