VUE移动端项目跟练2(简洁易懂)

1.面经列表渲染的数据流

2.面经列表去掉html标签(使用正则)

调用带参数的方法去掉标签

3.筛选-切换类名(最新或推荐)

接口文档中已规定 weight_desc表示推荐页,null表示最新页

赋予active类,表示当前选中

添加点击事件,表示切换选中的sorter

截止到这一步我们成功的更换了类名,但是还没有真正的发请求获取数据 发送请求

3.面经详情页

通过点击,传id,通过id值确认对应id的详情页

两种传参方式

4. 点赞收藏页面效果

原先点赞和收藏是白色,一旦添加上active类,就成了黄色(表示被收藏或者被喜欢)

4.1 点赞收藏表面效果

4.2 传输后台

(通过调用接口实现)

相关推荐
SVIP1115915 小时前
即时通讯WebSocket详解及使用方法
前端·javascript
mCell19 小时前
使用 useSearchParams 同步 URL 和查询参数
前端·javascript·react.js
mCell21 小时前
前端路由详解:Hash vs History
前端·javascript·vue-router
海上彼尚21 小时前
无需绑卡的海外地图
前端·javascript·vue.js·node.js
1024肥宅21 小时前
手写 call、apply、bind 的实现
前端·javascript·ecmascript 6
科杰智能制造1 天前
纯前端html、js实现人脸检测和表情检测,可直接在浏览器使用
前端·javascript·html
每天吃饭的羊1 天前
组件库的有些点击事件是name-click这是如何分装de
前端·javascript·vue.js
Coder-coco1 天前
个人健康管理|基于springboot+vue+个人健康管理系统(源码+数据库+文档)
java·数据库·vue.js·spring boot·后端·mysql·论文
x***01061 天前
SpringSecurity+jwt实现权限认证功能
android·前端·后端
1024肥宅1 天前
防抖(Debounce)
前端·javascript·ecmascript 6