用于响应性的 Vue.js 指令 – Vue-Responsive

用于响应性的 Vue.js 指令 – Vue-Responsive
插件名称 Vue-Responsive
发布时间 2022年2月8日
插件作者 reinerBa

Vue-Responsive 是一个 Vue 指令,用于在 HTML 元素上使用响应式断点。

安装和下载:

npm install vue-responsive

使用:

1.导入并注册vue-responsive。

import responsive from 'vue-responsive'
Vue.use(responsive);

2. 使用 v-responsive 指令显示和隐藏元素。

<div v-responsive.lg.xl>桌面可见</div>
<div v-responsive.md>在平板电脑上可见</div>
<div v-responsive.sm.xs >在移动设备上可见</div>