Vuestic VueJs 在小型设备上隐藏元素

【问题标题】：Vuestic VueJs hide element on small devicesVuestic VueJs 在小型设备上隐藏元素
【发布时间】：2022-11-20 01:07:28
【问题描述】：

如果屏幕尺寸是 sm 或 xs，我想使用 vuestic vuejs 框架隐藏元素。


<div class="flex md4 sm4 xs0"></div>
<div class="flex v-line xs0 sm0 md1"></div>
<div class="flex md8 xs12"></div>

我只需要知道我们可以做什么而不是 xs0 或 sm0 在这里？因为他们不工作

【问题讨论】：

标签： html css vue.js vuejs3 vuestic

【解决方案1】：

塔哈马利克。

Vuestic UI 提供断点服务，允许您根据窗口大小控制应用程序的各个方面。 docs

在你的情况下尝试使用下一个例子：

<template>
<div v-if="breakpoint.current!=='xs'>Hide on xs size</div>
</template>

<script setup lang="ts">
import { useBreakpoint } from "vuestic-ui";

const breakpoint = useBreakpoint()
</script>

【讨论】：