环境:
- 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>
2 个回复
l***@163.com
import a from '@/xxxx'
.a{
xx:v-bind(a.xx)
}
其他页面这样为啥也不行呢
2***@qq.com
解决了吗,我也遇到了,在其他页面都可以正常使用,但是在app.vue就不行