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

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

dbclick双击事件。

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

v-show指令

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

<!DOCTYPE html>

<html>

<head>

function hideElement(id) {

documentgetElementById(id)styledisplay = "none";

}

//自定义方法showElement()

function showElement(id) {

documentgetElementById(id)styledisplay = "";

}

//这是不用自定义函数直接设置是否隐藏

function isChang1(values) {

if (values == "yxsh") {

documentgetElementById("yxsh")styledisplay = "";

documentgetElementById("key")styledisplay = "none";

} else {

documentgetElementById("yxsh")styledisplay = "none";

documentgetElementById("key")styledisplay = "";

}

资料拓展：

JavaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能。

1、打开Hbuilder编辑器，新建一个html空白文档，输入基本的结构，然后按下Crtl+S保存一下：

2、创建一个button按钮，给按钮设置一个id，名字设置为“myBT”，创建一个用来显示隐藏的div，将其id设置为“main”：

3、给div和button设置一些样式，为了美观好看，这里无需设置display，因为默认就是显示的：

4、编写js脚本，这里用到Jquery，给button添加一个点击事件，然后获取div的dom，判断dom中的display属性值，如果是“none”，就显示div，否则则隐藏:

5、全部完成后，按下crtl+s保存，来到编辑器的右侧，观察显示效果，此时div是显示的：

6、点击hide按钮，会发现div消失了，反复点击按钮会重复显示隐藏的效果，以上就是用JS控制div显示隐藏的案例：

以上就是关于如何利用Vue.js库中的v-show显示和隐藏元素全部的内容，包括:如何利用Vue.js库中的v-show显示和隐藏元素、js控制span显示隐藏、js 怎么用一个按钮控制DIV来回显示和隐藏等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！

欢迎分享，转载请注明来源：内存溢出

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