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

209 阅读1分钟

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

image.png

image.png

image.png

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

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

image.png

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

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

image.png 赋予active类,表示当前选中

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

image.png

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

image.png

3.面经详情页

通过点击,传id,通过id值确认对应id的详情页
两种传参方式

image.png

image.png image.png

image.png

4. 点赞收藏页面效果

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

4.1 点赞收藏表面效果

image.png

image.png

image.png image.png

4.2 传输后台

(通过调用接口实现)

image.png