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

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

2.v-for完成列表渲染

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

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

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

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

相关推荐
北城笑笑7 小时前
FPGA 51,基于 ZYNQ 7Z010 的 FPGA 高速路由转发加速系统架构设计(Xilinx ZYNQ-MINI 7Z010 CLG400 -1)
前端·fpga开发·系统架构·fpga
蜡台7 小时前
JavaScript async和awiat 使用
开发语言·前端·javascript·async·await
tzy2337 小时前
AI 对话的流式输出详解——不止于SSE
javascript·ai·llm·sse·readablestream
挖稀泥的工人7 小时前
能够插入 DOM 的输入框
前端·javascript·vue.js
xiaotao1317 小时前
第十五章:企业级部署方案
前端·vite·前端打包
weixin_408099677 小时前
【实战教程】懒人精灵如何实现 OCR 文字识别?接口调用完整指南(附可运行示例)
java·前端·人工智能·后端·ocr·api·懒人精灵
没有故事、有酒7 小时前
Vue2中el-table修改表头高度和行高
javascript·vue.js·elementui
把csdn当日记本的菜鸡7 小时前
Vue3 响应式 API 简单学习
javascript·vue.js·学习
小李子呢02117 小时前
前端八股5---组件通信
前端·javascript·vue.js
Daemon7 小时前
AI Agent系列记录(第二篇)
前端·人工智能·后端