vue点击空白让子菜单隐藏
刘耀文的大沙雕
钟意阿满
vue关闭所有二级菜单
1、新建一个html页面，然后在这个代码页面上创建一个div标签id为app，然后在这个div标签里创建一个按钮标签和一个用于显示隐藏的div标签。
2、引入vue.js。在body结束标签前面使用<sctipt>引入vue.js文件。
3、为vue创建挂载点。在vue.js引入文件后面新建一个<sctipt>标签，然后创建vue的挂载点。
4、使用data创建show属性，默认值为true；使用metheds创建一个点击事件（showCont），该事件处理当show值为true就修改给false，当show为false就修改为true。
5、添加显示隐藏功能。在按钮标签上添加点击事件showCont，在按钮标签后的div标签上使用v-if添加show属性。
6、保存html代码，然后使用浏览器打开，点击按钮会发现按钮后面的文字隐藏了，再次点击按钮隐藏的内容又显示出来。
抱起亚轩找小葵
Vue 怎么实现点击切换显示隐藏的效果 ?????
您好，关闭Vue中的二级菜单，可以通过在Vue实例中添加一个变量来实现。可以在data中添加一个变量，比如isCollapsed，默认值为false，然后在模板中使用v-if指令来控制菜单的显示和隐藏，如下所示：
<ul>
<li v-if="isCollapsed">。
<a href="#">Menu 1</a>。
</li>
<li v-if="isCollapsed">。
<a href="#">Menu 2</a>。
</li>
<li v-if="isCollapsed">。
<a href="#">Menu 3</a>。
</li>
</ul>
然后可以在methods中添加一个方法，比如toggleCollapse()，用来控制isCollapsed变量的值，如下所示：
methods: {
toggleCollapse() {。
this.isCollapsed = !this.isCollapsed;。
}
最后，可以在模板中添加一个按钮，用来触发toggleCollapse()方法，控制菜单的显示和隐藏，如下所示：
<button @click="toggleCollapse">Toggle Menu</button>。
以上就是Vue中如何关闭二级菜单的方法，希望能够帮助您解决问题。
大圣杰锅是
vue怎么写，默认页面div1 点击button后切换为div2并且能隐藏按钮
题主您好，可以在加一个变量，用来判断是否第一次点击。
例如flag，默认为false。
在add方法执行的时候判断如果flag为false，设置为true，然后v-if这样写：
v-if="msg1==0 && flag"。
不知道我的理解有没有问题，有用望采纳，谢谢，有问题追问。
小韩在追星
elementUi+vue让table中的某一列隐藏呢
1、打开html开发软件，新建一个html文件。
2、在html文件上创建一个知button按钮道，然后给这个按钮设置一个id，在案例中把按钮的id设置为show。
3、然后创建一个隐藏的div，把需要隐藏的内容写到这个div上，然后给这个div设置一个id。
4、给div设置隐藏的样式。在<title>标签后面为id为hide设置样式display:none,这个样id为hide的div就会被隐藏掉了。
5、为button按钮添加一个点击后隐藏事件内。点击button按钮后，把隐藏的div的display修改为block，这样点击后div就会显示了。
6、保存容好html后使用浏览器打开，点击button按钮就会发现隐藏的div就会显示出来了。
小韩在追星
vue控制div显示隐藏菜鸟
1、新建一个html文件，命名为test.html，用于实现点击隐藏表格指定列的功能。
2、在test.html页面，使用table标签创建四行三列的表格，<caption></caption>作为标题，下面将给它绑定点击事件，实现点击隐藏价格列。
3、使用css美化表格，设置表格的边框、字体大小、对齐方式、内边距等样式，代码如下。
4、使用js中的window.onload方法，在页面加载的时候执行function函数，下面将在function函数内实现隐藏表格列逻辑。
5、使用js中的document.getElementsByTagName()方法获得表格对象，并赋值给tab变量，用于下面获得表格内的caption对象。
6、最后在浏览器运行test.html文件，当点击“隐藏价格”时，把价格列隐藏 ，实现在table表格中使用js隐藏指定列的功能。