vue条件渲染

devtools/2024/11/23 2:48:32/

1.使用v-if 和v-else 完成主body暂无数据两个<tbody>标签的条件渲染 

2.v-for完成列表渲染

3.:class完成分数标红的条件控制

 删哪个就传哪个的id,基于这个id去过滤掉相同id的项,把剩下的项返回

javascript"> <td><a @click.prevent="del(item.id)" href="http://www.baidu.com">删除</a></td>del (id) {// console.log(id)this.list = this.list.filter(item => item.id !== id)},

a标签的默认点击事件会跳转 这里要禁止默认事件 

即使用@click.provent 就可以,像调方法一样传事件参数即可


http://www.ppmy.cn/devtools/136184.html

相关文章

Dockerfile复制目录进入镜像里

使用 ADD 复制目录进入镜像里 FROM ubuntu:22.04WORKDIR /rootRUN mkdir -p ./custom_nodes/ComfyUI-FluxTrainerADD ComfyUI-FluxTrainer ./custom_nodes/ComfyUI-FluxTrainerComfyUI-FluxTrainer 是一个目录&#xff0c;需要先 mkdir 创建这个目录&#xff0c;然后ADD 复制进…

AWS 多区域部署实战:Route 53 加权路由与多层健康检查

在当今的云计算环境中,构建高可用性和容错性强的应用程序至关重要。本文将详细介绍如何利用 AWS 的多区域部署功能,结合 Route 53 的加权路由和多层健康检查,来创建一个强大而可靠的应用程序架构。 目录 背景介绍架构概览前期准备步骤 1:配置 Application Load Balancer (…

浅谈Spring Boot之缓存处理

在Spring Boot中处理缓存&#xff0c;可以通过以下几个步骤来实现&#xff1a; 1、添加依赖&#xff1a; 首先&#xff0c;需要在项目的pom.xml文件中添加spring-boot-starter-cache依赖&#xff0c;以启用Spring Boot的缓存支持。 <dependency><groupId>org.sp…

Flutter:SlideTransition位移动画,Interval动画延迟

配置vsync&#xff0c;需要实现一下with SingleTickerProviderStateMixinclass _MyHomePageState extends State<MyHomePage> with SingleTickerProviderStateMixin{// 定义 AnimationControllerlate AnimationController _controller;overridevoid initState() {super.…

Spring:IoC/DI加载properties文件

Spring框架可以通过Spring的配置文件完成两个数据源druid和C3P0的配置&#xff08;Spring&#xff1a;IOC/DI配置管理第三方bean&#xff09;&#xff0c;但是其中包含了一些问题&#xff0c;我们来分析下: 这两个数据源中都使用到了一些固定的常量如数据库连接四要素&#xf…

Python CSV文档自动化操作详解

在数据处理和分析中,CSV(Comma-Separated Values)文件是一种常见的格式。Python提供了强大的工具来操作CSV文件,实现自动化的数据处理任务。本文将详细介绍如何使用Python进行CSV文档的自动化操作,包括读取、写入、修改和分析CSV文件。 目录 一、CSV 文件格式简介 二、使…

SparkSQL的执行过程:从源码角度解析逻辑计划、优化计划和物理计划

SparkSQL的执行过程可以分为以下几个阶段&#xff1a;从用户的SQL语句到最终生成的RDD执行&#xff0c;涵盖逻辑计划、优化计划和物理计划。以下是详细的源码角度解析&#xff1a; 1. 解析阶段&#xff08;Parsing&#xff09; SQL语句解析&#xff1a;Spark 使用 Catalyst 引…

机器学习极简史

机器学习的发展还不到100年&#xff0c;在这几十年的时间里&#xff0c;不同的时间阶段产生了不同的流派&#xff0c;抢占一时风头。但随着基础物理技术的进步&#xff0c;部分流派也慢慢归于历史。但它们的思想&#xff0c;当时面临的问题&#xff0c;却给后续的机器学习人们&…