技术栈

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

北极糊的狐2024-11-28 3:00

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

2.v-for完成列表渲染

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

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

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

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

上一篇:Leetcode53. 最大子数组和(HOT100)
下一篇:c++中操作数据库的常用函数
相关推荐
Wect
12 小时前
学习React-DnD:实现多任务项拖动-维护多任务项数组
前端·react.js
米兰小铁匠17
13 小时前
js深入之从原型到原型链
javascript·面试
Smile_Gently
13 小时前
Vue 2 前端项目实现 在线IDE 功能
javascript
梦鱼
13 小时前
element-ui:el-autocomplete实现滚动触底翻页
前端
阿伟实验室
13 小时前
debian10部署简易web服务器
运维·服务器·前端
云枫晖
13 小时前
Vue3 响应式原理:从零实现 Reactive
前端·vue.js
月弦笙音
13 小时前
【AI】👉提示词入门基础篇指南
前端·后端·aigc
jason_yang
13 小时前
俄罗斯Yandex地图实战
vue.js·api
konh
13 小时前
React Native 自定义字体导致 Text / TextInput 文本垂直不居中的终极解决方案
前端·react native
热门推荐
01今天 Cloudflare 全球事故,连 GPT 和你的网站都一起“掉线”了02GitHub 镜像站点03UV安装并设置国内源04安娜的档案(Anna’s Archive) 镜像网站/国内最新可访问入口(持续更新)05BongoCat - 跨平台键盘猫动画工具06Linux下V2Ray安装配置指南07Valdi:Snapchat 开源的新一代跨平台 UI 框架082025 最新教程:注册并切换到美区 Apple ID09Labelme从安装到标注:零基础完整指南10Visual Studio Code设置个性化背景教程