5***@qq.com
5***@qq.com
  • 发布:2022-07-19 13:21
  • 更新:2023-05-26 18:09
  • 阅读:2539

vue3 setup语法怎么设置styleIsolation属性?

分类:uni-app

请问vue3 setup语法怎么设置styleIsolation属性啊?
vue2的写法
export default {
options: { styleIsolation: 'shared' }
}

vue3 setup语法应该怎么设置?

2022-07-19 13:21 负责人:无 分享
已邀请:
DCloud_UNI_FXY

DCloud_UNI_FXY

同时使用 <script setup> + <script>

  • 5***@qq.com (作者)

    除了这个办法,单独setup不能设置了吗

    2022-07-19 14:47

  • DCloud_UNI_FXY

    回复 5***@qq.com: 不能

    2022-07-19 14:57

  • 1***@qq.com

    目前写两个会报错,新建项目依旧报错Error: Failed to set the 'body' property on 'Document': The 1st argument provided is either null, or an invalid HTMLElement object.

    2023-05-26 17:51

2***@qq.com

2***@qq.com

感觉可以写类包裹 都放到页面根目录就好了

1***@qq.com

1***@qq.com

@DCloud_UNI_FXY
运行npx degit dcloudio/uni-preset-vue#vite-ts my-vue3-project新建项目后在index.vue中添加

<script lang="ts">  
export default {  
  name: "test",  
  options: {  
    // 微信小程序中 options 选项  
    virtualHost: true //  将自定义节点设置成虚拟的,更加接近Vue组件的表现。我们不希望自定义组件的这个节点本身可以设置样式、响应 flex 布局等,而是希望自定义组件内部的第一层节点能够响应 flex 布局或者样式由自定义组件本身完全决定  
  }  
}  
</script>

出现附件错误

  • 1***@qq.com

    还有就是按道理引入unplugin-vue-define-options/vite也能解决问题,但是不知道为什么小程序端会报错defineOptions is not defined

    2023-05-26 18:05

不如摸鱼去

不如摸鱼去 - 一个前端打工仔。如果我的回答对你产生了帮助,还请给个star: https://github.com/Moonofweisheng

写两个script,目前是这样写的

要回复问题请先登录注册