在vue中动态添加class类进行显示隐藏实例
作者：树沙& 发布时间：2024-05-09 15:13:28
标签：vue,class类,显示,隐藏
如下所示：
<div class="status_button">
<el-button type="success" @click="checkSite" >查岗</el-button>
<el-button type="danger">视频</el-button>
</div>
<!-- 查岗部分显示影藏 -->
<div class="check_button" :class="[this.flag?'show':'hidden']">
<ul class="cl">
<li>用xinhic</li>
<li>xin231</li>
</ul>
</div>
通过点击按钮进行显示隐藏
data() {
return {
flag: false,
}
},
methods: {
getdata() {
this.$axios.post('http://yapi.xxxxxxx').then( res => {
console.log(res)
})
},
checkSite() {
this.flag = !this.flag
}
}
三元表达式需要写在数组中 点击按钮的时候需要改变flag的状态 这里的flag相当于一个开关
来源：https://blog.csdn.net/hailangtuteng/article/details/80804032
0
投稿猜你喜欢
- 一、安装 FastAPI 和uvicorn可以使用 pip 命令进行安装：pip install fastapi uvicorn二、创建&n
- Python语言有一种独特的推导式语法，相当于语法糖的存在，可以帮助你在某些场合写出较为精简酷炫的代码。但没有它，也不会有太多影响。Pyth
- 本文实例讲述了Python对切片命名清除索引的方法。分享给大家供大家参考，具体如下：问题：如何清理掉到处都是硬编码的切片索引解决方案：对切片
如何实现动态单行刷新，答案是——覆盖但是怎么实现覆盖呢关键在于不换行而且能回退到开始位置那么就要用到 \r这个东西就是让光标回退到- 1.介绍 现在的网站随着访问量的增加,单一服务器无法承担巨大的访问量,有没有什么方便快捷的方式解决这个问题呢,答案是”有”!比如建立服务器群
- 详细参考：https://gitee.com/copperpeas/uniapp-paymentuniapp-payment介绍uniapp
- 1、主题如何使用Pycahrm内置终端以及远程SSH工具。2、准备工作Pycharm版本为3.0或更高连接SSH服务器3、使用SSH客户端4
- 一：前言刚看了一篇软文，说什么“才华是改变人生最有效的途径”，反正呢，大体就是科技进步，要想一直在车
- os.stat(path) ：用于在给定的路径上执行一个系统 stat 的调用。path：指定路径返回值：st_mode: inode 保护
- 有些小伙伴跟小编讨论了python中使用多线程原理的问题，就聊到了关于python多线程的弊端问题，这点可能在使用的过程中大家会能感觉到。而
- 一、函数解释setdiff1d(ar1, ar2, assume_unique=False)1.功能：找到2个数组中集合元素的差异。2.返回
- 机器学习可应用在各个方面，本篇将在系统性进入机器学习方向前，初步认识机器学习，利用线性回归预测波士顿房价；原理简介利用线性回归最简单的形式预
- 运行效果：完整代码from tkinter import *import tkinter.messageboximport base64fr
- 以下测试用于去除任何字符串中连线的分隔符 代码如下:--去除字符串中连续的分隔符 declare @str nvarchar(200) de
- python2.7安装目录下没有Scripts文件夹。这种问题可能是你装的python安装包年代久远了，到官网下载最新的python2.7安
- 到了今天，数据库已经成了网站的灵魂，可以说，没有对数据进行集中管理就算不上是一个真正的网站。而ASP加数据库，更成了主流中的主流，网站里的用
- 动态Web程序运行在Web容器之中，利用Web容器可以使用JDBC技术来实现数据库数据的CRUD操作，将数据表中的数据取出并结合JSP动态生
- 用DIV+CSS可以作出很多不同形状的角形；以下我只写了几个；CSS没有优化；是为了让大家看得更清一些；以下是一些小三角的形状：这是第一个小
- 如下所示：import webbrowserimport codecsimport timewith open("test.txt
- 本节重点让学生了安装上Python，配置好环境变量Python目前已支持所有主流操作系统，在Linux,Unix,Mac系统上自带Pytho
