theluyuan/vue3-yuanma
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix(runtime-dom): unref when setting useCssVars

Browse Source
This commit is contained in:
Evan You 2020-07-15 18:31:10 -04:00
parent 9b5ff2b567
commit 44e6da1402
1 changed files with 3 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
packages/runtime-dom/src/helpers/useCssVars.ts
View File

@ -5,7 +5,8 @@ import {
watchEffect, watchEffect,
warn, warn,
VNode, VNode,
Fragment Fragment,
unref
} from '@vue/runtime-core' } from '@vue/runtime-core'
import { ShapeFlags } from '@vue/shared/src' import { ShapeFlags } from '@vue/shared/src'
@ -45,7 +46,7 @@ function setVarsOnVNode(
if (vnode.shapeFlag & ShapeFlags.ELEMENT && vnode.el) { if (vnode.shapeFlag & ShapeFlags.ELEMENT && vnode.el) {
const style = vnode.el.style const style = vnode.el.style
for (const key in vars) { for (const key in vars) {
style.setProperty(`--${prefix}${key}`, vars[key]) style.setProperty(`--${prefix}${key}`, unref(vars[key]))
} }
} else if (vnode.type === Fragment) { } else if (vnode.type === Fragment) {
;(vnode.children as VNode[]).forEach(c => setVarsOnVNode(c, vars, prefix)) ;(vnode.children as VNode[]).forEach(c => setVarsOnVNode(c, vars, prefix))