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

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

2.v-for完成列表渲染

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

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

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

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

相关推荐
英勇无比的消炎药24 分钟前
样式随心定制:TinyRobot 样式覆写与 CSS 变量实战解析
vue.js
橘子星25 分钟前
基于 Vite 的多模态生图前端工程实践
前端·javascript·人工智能
想要成为糕糕手25 分钟前
从零到一:CSS 3D 旋转立方体完全指南
前端·css·canvas
疯狂的魔鬼26 分钟前
多角色督办任务详情页:从权限矩阵到组件拆分的完整实现
前端·vue.js·架构
英勇无比的消炎药27 分钟前
拆解内核:深入分析 TinyRobot 输入区组件设计与实现原理
vue.js
恋猫de小郭28 分钟前
Android 17 正式版发布,全新 AI 和各种破坏性更新
android·前端·flutter
英勇无比的消炎药29 分钟前
组件联动进阶:玩转 TinyRobot 组合开发提升项目灵活性
vue.js
半个落月32 分钟前
从零搭建 AI 生图前端|Vite 工程化 + 通义千问 API 实战,附 API Key 安全方案
前端·人工智能
用户8524950718432 分钟前
Canvas 和 ECharts:一个蓝色方块引发的血案
javascript·人工智能
codexu_46122918734 分钟前
NoteGen 里一条记录如何变成 Markdown
前端·笔记·rust·tauri