Skip to content

useCssVar

操作 CSS 变量

¥Manipulate CSS variables

示例

Sample text,
Sample text, --color:

用法

¥Usage

ts
import { 
useCssVar
} from '@vueuse/core'
import {
useTemplateRef
} from 'vue'
const
el
=
useTemplateRef
('el')
const
color1
=
useCssVar
('--color',
el
)
const
elv
=
useTemplateRef
('elv')
const
key
=
ref
('--color')
const
colorVal
=
useCssVar
(
key
,
elv
)
const
someEl
=
useTemplateRef
('someEl')
const
color2
=
useCssVar
('--color',
someEl
, {
initialValue
: '#eee' })