大事件项目26---文章分类——铺设数据

简介: 大事件项目26---文章分类——铺设数据

1、在接口文档找到请求分类数据,并封装接口方法调用拿到数据

2、有一个分类,叫做文章分类列表,这里获取数据,必须找到接口

3、这里文章分类,有一个注意点,每一个用户看到用户分类是不一样

4、这里的请求的参数,有一个token

5、这里的请求的方法,get可以默认不写

6、这里要引入import接口的方法

7、我在哪里调用API,来发送请求呢?我要在那个位置,调用接口,来调用这个位置呢?

8、可以在created里,created里是组件已经创建,还没挂载

9、create里我还是不想写一坨代码,因此,我给他封装一个方法

9、调用方法,我在方法里写一个方法,因为这个组件创建的时候,就得要列表数据

10、所以什么叫做组件创建了呢?axios里返回了一个数据,里面有一个date,date里面有一个数据

11、data里面返回了一个数据

12、接下来我要用一个表格来渲染

13、再md文件内复制一下的表格内容:

14、把XXX的内容替换掉,这里的数据你想铺到页面上,你得准备一套、标签。

15、效果如下

16、我们调用数据,需要的数据,就在刚才调用接口的方法

17、这里我们调用文章的分类的按钮

18、这里的数据传输写成res.data.data

19、拿到数组之后,我们就要用数组套对象

20、接下来传给他

21、这里的prop,

22、完整写法

23、效果

24、最后进行git提交


相关文章
|
编解码 IDE 算法
2023年电赛---运动目标控制与自动追踪系统(E题)发挥题思路
2023年电赛---运动目标控制与自动追踪系统(E题)发挥题思路
625 0
|
5月前
|
开发工具 git
大事件项目53----文章详情—铺设到标签展示
大事件项目53----文章详情—铺设到标签展示
西门子S7-200 SMART如何使用状态图表,如何创建、监视、强制、趋势显示
上篇文章中我们学习了S7-200 SMART系统块的组态,本篇我们来介绍在编程软件STEP7-Micro/WIN SMART中如何使用状态图表,以及如何创建、监视、强制、趋势显示。在STEP7-Micro/WIN SMART与PLC之间成功建立通信,并且将程序下载到PLC后,就可以监控和调试程序了。程序状态监控可以监视程序的运行情况,但是如果需要监控的变量较多,不能在程序编辑器中同时显示的时候就需要使用状态图表监控。接下来我们来介绍在STEP7-Micro/WIN SMART如何使用状态图表监控和调试程序。
西门子S7-200 SMART如何使用状态图表,如何创建、监视、强制、趋势显示
|
编解码 计算机视觉 Python
2023年电赛---运动目标控制与自动追踪系统(E题)关于网友的问题回复
2023年电赛---运动目标控制与自动追踪系统(E题)关于网友的问题回复
422 0
|
编解码 区块链
Google Earth Engine——WWF河流流量累积数据集定义了排入每个单元的上游区域的数量(以单元数计)。排水方向层被用来定义哪些小区流入目标小区。累积单元的数量本质上是对上游集水区的测量。
Google Earth Engine——WWF河流流量累积数据集定义了排入每个单元的上游区域的数量(以单元数计)。排水方向层被用来定义哪些小区流入目标小区。累积单元的数量本质上是对上游集水区的测量。
131 0
Google Earth Engine——WWF河流流量累积数据集定义了排入每个单元的上游区域的数量(以单元数计)。排水方向层被用来定义哪些小区流入目标小区。累积单元的数量本质上是对上游集水区的测量。
|
Android开发 Windows iOS开发
第二十五章:页面变化(六)
使用ItemTemplateTabbedPage还可用于呈现小数据集,每个数据集是由选项卡标识的单独页面。 您可以通过设置TabbedPage的ItemsSource属性并指定用于呈现每个页面的ItemTemplate来完成此操作。
560 0
|
JavaScript Android开发 iOS开发
第二十五章:页面变化(五)
TabbedPage TabbedPage派生自抽象类MultiPage 。它维护一个Page类型的子集合,其中只有一个一次完全可见。 TabbedPage通过页面顶部或底部的一系列选项卡标识每个子项。
498 0
|
JavaScript Android开发 iOS开发
第二十五章:页面变化(四)
您自己的用户界面如果您想提供自己的用户界面以在主视图和详细视图之间切换,您可能还希望禁用MasterDetailPage自动提供的界面。您可以通过两种方式执行此操作: 将IsGestureEnabled属性设置为false以禁用iOS和Android上的滑动手势支持。
588 0
|
Android开发 Windows iOS开发
第二十五章:页面变化(三)
回到学校到目前为止,在本书中你已经看到了一些使用ListView来展示美术学院学生的程序。这些程序都有不同的方法来显示其中一个学生的详细外观。第19章“集合视图”中的SelectedStudentDetail程序在屏幕的上半部分显示了ListView,在下半部分显示了详细信息。
636 0