Vue.js的切换元素可见性– vue-visible

Vue.js的切换元素可见性– vue-visible
插件名称 vue-visible
发布时间 2020年12月3日
插件作者 javisperez

此插件添加了一个v-visible指令(类似于本机v-show),该指令可更改所应用元素(隐藏或可见)的可见性样式。

用法

如果您正在使用模块,请首先将其导入:

import VueVisible from 'vue-visible';
Vue.use(VueVisible);

然后在模板中使用伪指令:

<div v-visible="myCondition">我看得见</div>

或者,如果您不使用模块,则只需包含js:

<script src="node_modules/vue-visible/dist/v-visible.js"></script>
<div v-visible="myCondition">我看得见</div>