vue页面成绩案例(for渲染表格/删除/添加/统计总分/平均分/不及格显红色/输入内容去首尾空格trim/输入内容转数字number)

1.使用v-if 和v-else 完成**<tbody>**标签的条件渲染

2.v-for完成列表渲染

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

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

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

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

相关推荐
王林不想说话6 分钟前
ES6 到 ES2026 全面进阶指南:新特性、原理、示例与工程落地
前端·javascript·面试
用户43523713814938 分钟前
🚀 Vue3 + TypeScript 学习笔记:从泛型 T 到 Promise<T>,终于搞懂了 keyof 和 typeof
前端
跟着群主去吃肉9 分钟前
Cinemachine的应用-第三人称视角
前端·unity3d·游戏开发
东方小月10 分钟前
从零开发一个 Coding Agent(十):实现 CLI 参数解析与静态命令
前端·人工智能·开源
阿黎梨梨11 分钟前
Next.js 全栈开发:从 SPA 的痛点到 SSR 的破局之道
前端·后端
沐道PHP11 分钟前
CRMEB多店版diy装修位置偏移修复
前端
WZzz12 分钟前
JavaScript 中 this 的「指向」完整教程
javascript
犀利的毛豆豆19 分钟前
useCallback
前端
犀利的毛豆豆20 分钟前
React.memo和useCallback组合使用
前端
mONESY23 分钟前
浏览器里跑 DeepSeek-R1,这份 worker.js 到底写了什么
javascript