开始

image.png

默认搜索页
image.png
首先是显示loading。里面的内容,传递一个title
image.png
把下面原来的代码删除,下面我们要真正的请求接口的数据。
image.png
异步的
image.png
请求接口
image.png

image.png
不需要验证token
image.png
也可以直接不写checkToken
image.png
出错的时候,关闭loading
image.png
如果是false直接返回。下面就写正确的数据了。
image.png
搜索出错了也设置为true。这样上面因为没有搜索到数据就会显示nothing组件。
image.png
搜索关键字,公众, 带上token搜索了。
image.png

搜索到的数据
image.png

首页之前的测试数据可以删除了
image.png
复制getlist方法的整块代码
image.png
复制错误代码判断完成后,正常运行的裸机的代码。
image.png
参数都改成符合当前页面的 ,变量的属性的值。
image.png
loadmore也是复制首页的
image.png

image.png
直接是this当前的
image.png

首页格式转换的代码也复制过来
image.png

请求完数据,关闭loadingimage.png

测试

image.png

image.png

拉到最下面
image.png

结束