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

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

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

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

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

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

赋予active类,表示当前选中

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

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

3.面经详情页

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

两种传参方式

4. 点赞收藏页面效果

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

4.1 点赞收藏表面效果

4.2 传输后台

(通过调用接口实现)

相关推荐
拜晨2 小时前
用 MCP 把自己的接口接入 AI
前端·node.js
小狮子安度因2 小时前
FFmpeg-vflip滤镜使用
vue.js·ffmpeg·myeclipse
古夕2 小时前
技术复盘文档:解决 `watchEffect` 导致的图片闪烁无限循环问题
前端·javascript·vue.js
拾缘2 小时前
esm和cmj混用报错分析
前端·javascript
古夕2 小时前
技术复盘文档:`resourceLogoUrl` 数据丢失问题分析与最终解决方案
前端·javascript·vue.js
streaker3032 小时前
前端开发者的 AI 学习笔记 🚀
前端·openai
高热度网2 小时前
从 Vercel 构建失败谈 Git 大小写敏感性问题:一个容易被忽视的跨平台陷阱
前端·javascript
青衫旧故2 小时前
Uniapp Vue2 Vue3常量保存及调用
前端·javascript·vue.js·uni-app
知白守黑2673 小时前
访问控制、用户认证、https
linux·服务器·前端