clemon7pro
clemon7pro
  • 发布:2024-05-13 10:04
  • 更新:2024-12-16 10:05
  • 阅读:423

App.vue中css v-bind无效

分类:uni-app

环境:

  • vue: 3.4.26
  • vite: 5.2.8
  • @dcloudio/uni-app: 3.0.0-alpha-4010520240507001
  • sass: 1.77.1
  • typescript: 5.4.5

问题

希望在App.vue中动态设置全局css,但是如下写法在其他vue页面中有效,唯独在App.vue中无效。运行后查看class=app的子元素上有对应var(--71asadf-color)设置,但是var的变量--71asadf-color为undefined。请问这是什么问题?曾经看到过说App.vue内的color: v-bind(color);这种写法是没用的?

<!-- App.vue -->  
<script setup lang="ts">  
const color = ref('#181818')  
</script>  

<style lang="scss">  
.app {  
  color: v-bind(color);  
}  
</style>
2024-05-13 10:04 负责人:无 分享
已邀请:
l***@163.com

l***@163.com

import a from '@/xxxx'

.a{
xx:v-bind(a.xx)
}

其他页面这样为啥也不行呢

2***@qq.com

2***@qq.com

解决了吗,我也遇到了,在其他页面都可以正常使用,但是在app.vue就不行

要回复问题请先登录注册