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

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

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

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

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

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

赋予active类,表示当前选中

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

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

3.面经详情页

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

两种传参方式

4. 点赞收藏页面效果

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

4.1 点赞收藏表面效果

4.2 传输后台

(通过调用接口实现)

相关推荐
Doris8933 分钟前
【 Vue】 Vue3全面讲解文档
前端·javascript·vue.js
换日线°3 分钟前
vue 实现Element Plus的炫酷主题切换
javascript·vue.js
linweidong9 分钟前
大厂工程化实践:如何构建可运维、高稳定性的 Flutter 混合体系
javascript·flutter
Hexene...13 分钟前
【前端Vue】如何快速直观地查看引入的前端依赖?名称版本、仓库地址、开源协议、作者、依赖介绍、关系树...(Node Modules Inspector)
前端·javascript·vue.js
fanruitian14 分钟前
div水平垂直居中
前端·javascript·html
旭久17 分钟前
react+antd实现一个支持多种类型及可新增编辑搜索的下拉框
前端·javascript·react.js
摘星编程18 分钟前
用React Native开发OpenHarmony应用:Loading加载状态组件
javascript·react native·react.js
aesthetician28 分钟前
Spotify 网页版前端技术全面解析
前端
咩图29 分钟前
Sketchup软件二次开发+Ruby+VisualStudioCode
java·前端·ruby
Можно41 分钟前
从零开始:Vue 框架安装全指南
前端·javascript·vue.js