阶段5 3.微服务项目【学成在线】_day02 CMS前端开发_20-CMS前端页面查询开发-页面原型-页面内容完善...

访问swaggerUI的接口 得到返回的json数据，就是我们页面上要显示的数据

复制到页面的数据这里

<el‐table
:data="list"
stripe
style="width: 100%">
<el‐table‐column type="index" width="60">
</el‐table‐column>
<el‐table‐column prop="pageName" label="页面名称" width="120">
</el‐table‐column>
<el‐table‐column prop="pageAliase" label="别名" width="120">
</el‐table‐column>
<el‐table‐column prop="pageType" label="页面类型" width="150">
</el‐table‐column>
<el‐table‐column prop="pageWebPath" label="访问路径" width="250">
</el‐table‐column>
<el‐table‐column prop="pagePhysicalPath" label="物理路径" width="250">
</el‐table‐column>
<el‐table‐column prop="pageCreateTime" label="创建时间" width="180" >
</el‐table‐column>
</el‐table>

加分页

复制到table的下面

分页显示的效果

分页显示在右边

让分页组件起作用

看文档


这里的total前面有冒号，相当于是v-bind的形式，这里省略的写法 ，前面只加一个冒号

在数据里面定义一个total


把这个total绑定在分页的属性上。


单独定义一个params属性



当前页的属性

查询按钮事件

methods下定义单击事件


改变当前页的事件


不知道怎么用可以在文档的页面全局的搜索一下


定义changePage的方法

转载于:https://www.cnblogs.com/wangjunwei/p/11562211.html