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

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

2.v-for完成列表渲染

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

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

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

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

相关推荐
Ticnix17 分钟前
ECharts初始化、销毁、resize 适配组件封装(含完整封装代码)
前端·echarts
纯爱掌门人21 分钟前
终焉轮回里,藏着 AI 与人类的答案
前端·人工智能·aigc
twl24 分钟前
OpenClaw 深度技术解析
前端
崔庆才丨静觅28 分钟前
比官方便宜一半以上!Grok API 申请及使用
前端
星光不问赶路人36 分钟前
vue3使用jsx语法详解
前端·vue.js
天蓝色的鱼鱼39 分钟前
shadcn/ui,给你一个真正可控的UI组件库
前端
布列瑟农的星空43 分钟前
前端都能看懂的Rust入门教程(三)——控制流语句
前端·后端·rust
Mr Xu_1 小时前
Vue 3 中计算属性的最佳实践:提升可读性、可维护性与性能
前端·javascript
jerrywus1 小时前
我写了个 Claude Code Skill,再也不用手动切图传 COS 了
前端·agent·claude
玖月晴空1 小时前
探索关于Spec 和Skills 的一些实战运用-Kiro篇
前端·aigc·代码规范