此插件添加了一个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>

---

官网：https://github.com/javisperez/vue-visible

演示：https://www.vue365.cn/code_demo.php?id=3275

GitHub下载：https://github.com/javisperez/vue-visible/archive/master.zip