VueHook PlususeMedia
优雅使用媒体查询的 Hook。
代码演示
API
const value = useMedia(['(min-width: 320px)'], [true], false)
const value = useMedia(['(min-width: 320px)'], [true], false)
Options
| 参数 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| queries | 媒体查询对象数组 | string[] | - |
| values | 每一项媒体查询对象的默认值 | boolean[] | - |
| defaultValue | 默认值 | boolean |
Result
| 参数 | 说明 | 类型 |
|---|---|---|
| value | 是否符合查询 | Readonly<Ref<boolean>> |