如何利用Vue.js库中的v-show显示和隐藏元素

如何利用Vue.js库中的v-show显示和隐藏元素,第1张

除了click单击事件,还有mouseover,mouseover等鼠标事件。 

dbclick双击事件。

v-on:click/mouseover/mouseover/mousedown/dbclick/

v-show指令

v-show="true/false" //控制元素显示/隐藏

<!DOCTYPE html>

<html>

<head>

  <title></title>

  <meta charset="utf-8">

  <script src=">

隐藏还不好办,如果知道被添加的元素是什么东西,譬如:<label class="wtf">What the fuck</label>,那你只要加个css:

wtf{

display: none;

}none !important;

1、新建HTML文件。

2、引入jqueryminjs文件。

3、创建HTML内容

4、用jquery创建点击事件,点击隐藏按钮,p内容隐藏

5、用jquery创建点击事件,点击显示按钮,p内容显示。

6、预览如图当点击隐藏按钮,p内容隐藏。

7、当点击显示按钮,p内容显示。

以上就是关于如何利用Vue.js库中的v-show显示和隐藏元素全部的内容,包括:如何利用Vue.js库中的v-show显示和隐藏元素、js中有没有显示或隐藏元素时触发的事件、怎么用js实现一个动态添加的元素的隐藏等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/9432061.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-28
下一篇 2023-04-28

发表评论

登录后才能评论

评论列表(0条)

保存