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

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

2.v-for完成列表渲染

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

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

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

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

相关推荐
Amumu12138几秒前
React 前端请求
前端·react.js·okhttp
内存不泄露1 分钟前
基于Spring Boot和Vue的企业办公自动化系统设计与实现
java·vue.js·spring boot·intellij-idea
北辰alk5 分钟前
toRef 和 toRefs 详解及应用
vue.js
北辰alk6 分钟前
什么是 Vue 3 中的 `defineEmits`?
vue.js
38242782728 分钟前
JS表单提交:submit事件的关键技巧与注意事项
前端·javascript·okhttp
于是我说34 分钟前
Vue3 的 CompositionAPI 相较于 OptionsAPI,主要优势和适用场景有哪些
vue.js
Kagol40 分钟前
深入浅出 TinyEditor 富文本编辑器系列2:快速开始
前端·typescript·开源
VX:Fegn089542 分钟前
计算机毕业设计|基于springboot + vue智慧养老院管理系统(源码+数据库+文档)
数据库·vue.js·spring boot·后端·课程设计
interception42 分钟前
js逆向之京东原型链补环境h5st
javascript·爬虫·网络爬虫
木土雨成小小测试员43 分钟前
Python测试开发之前端二
javascript·python·jquery