useCssSupports
兼容 SSR 的响应式 CSS.supports。
示例
useCssSupports("display: flex"): falseuseCssSupports("container-type", "scroll-state"): false用法
ts
import { useCssSupports } from '@vueuse/core'
const { isSupported } = useCssSupports('container-type', 'scroll-state')类型声明
ts
export interface UseCssSupportsOptions extends ConfigurableWindow {
ssrValue?: boolean
}
export interface UseCssSupportsReturn extends Supportable {}
export declare function useCssSupports(
property: MaybeRefOrGetter<string>,
value: MaybeRefOrGetter<string>,
options?: UseCssSupportsOptions,
): UseCssSupportsReturn
export declare function useCssSupports(
conditionText: MaybeRefOrGetter<string>,
options?: UseCssSupportsOptions,
): UseCssSupportsReturn