Uniapp中如何设置微信小程序自定义组件的options.styleIsolation？（为了能修改自定义组件样式）
使用的是uniapp+ts 来写，找不到这个配置项,如下代码里面如何新增这个配置项
<script lang="ts" setup >
</script>
1***@qq.com
- 发布：2022-10-04 16:06
- 更新：2023-05-13 15:53
- 阅读：1474
Uniapp+ts中如何设置微信小程序自定义组件的options.styleIsolation？（为了能修改自定义组件样式）
分类：uni-app
找了半天，终于解决了，再加一个<script>标签
<script lang="ts" setup>
....
</script>
<script lang="ts">
export default {
options: {
// 微信小程序中 options 选项
multipleSlots: true, // 在组件定义时的选项中启动多slot支持，默认启用
styleIsolation: 'shared', // 启动样式隔离。当使用页面自定义组件，希望父组件影响子组件样式时可能需要配置。具体配置选项参见：微信小程序自定义组件的样式
addGlobalClass: true, // 表示页面样式将影响到自定义组件，但自定义组件中指定的样式不会影响页面。这个选项等价于设置 styleIsolation: apply-shared
virtualHost: true // 将自定义节点设置成虚拟的，更加接近Vue组件的表现。我们不希望自定义组件的这个节点本身可以设置样式、响应 flex 布局等，而是希望自定义组件内部的第一层节点能够响应 flex 布局或者样式由自定义组件本身完全决定
}
}
</script>
1***@qq.com (作者)
我试试
2023-01-03 14:09