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

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

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

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

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

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

赋予active类,表示当前选中

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

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

3.面经详情页

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

两种传参方式

4. 点赞收藏页面效果

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

4.1 点赞收藏表面效果

4.2 传输后台

(通过调用接口实现)

相关推荐
dy17173 分钟前
vue左右栏布局可拖拽
前端·css·html
zhougl9964 分钟前
AJAX本质与核心概念
前端·javascript·ajax
hpz12238 分钟前
对Element UI 组件的二次封装
javascript·vue.js·ui
GISer_Jing20 分钟前
Taro跨端开发实战:核心原理与关键差异解析
前端·javascript·taro
无心使然云中漫步20 分钟前
vant实现自定义日期时间选择器(年月日时分秒)
前端·vue
布局呆星22 分钟前
Vue 3 从创建项目到基础语法---01
javascript·vue.js
极客先躯26 分钟前
EasyUI + jQuery 自定义组件封装规范与项目结构最佳实践
前端·jquery·easyui
❀͜͡傀儡师38 分钟前
docker部署Docker Compose文件Web管理工具Dockman
java·前端·docker·dockman
karshey1 小时前
【前端】sort:js按照固定顺序排序
开发语言·前端·javascript
MyBFuture1 小时前
索引器实战:对象数组访问技巧及命名空间以及项目文件规范
开发语言·前端·c#·visual studio