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

Question

如果屏幕大小是sm或xs，我想使用嗡嗡声 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吗？因为他们不工作

Answer 1

塔哈·马利克。

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

在您的例子中，请尝试使用下一个示例：

<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>