前后端分离之Vue显示分页

vue 是新兴的前端开发框架应用起来也很方便,对于从事前端开发的工程师而言无疑是效率很高的一个开发框架。

Vue的展示信息页面的设置是,打开创建好的页面输入vue然后按Tab键然后我们的页面就整理好了:

前后端分离之Vue显示分页

 

 

之后呢进入Element UI 官网找到Table表格在里面找我们所需要的表格,找到之后呢点击显示代码:

 

 

 

 前后端分离之Vue显示分页

 

复制<template></template>里面的代码:

前后端分离之Vue显示分页

 

 

粘贴到我们创建的Vue页面当中的div里面:

 

前后端分离之Vue显示分页

 

 

 

 

 表格的初步操作就完成了。

接下来就是复制分页的代码了,再进入官网找到分页进入里面找到完整功能点击显示代码复制到页面里:

前后端分离之Vue显示分页

 

 

 

 

前后端分离之Vue显示分页

 

 

 

 

里面的方法也要复制过去:

 

前后端分离之Vue显示分页

 

 

之后我们的网页页面就创建完成了:

前后端分离之Vue显示分页

 

 

 

 

我们页面整体的一个布局是这样的:

 

前后端分离之Vue显示分页

 

 

 

 

 

 

在之后的操作就是连接你的api地址了,在methods里创建一个方法使用axios连接后台API地址。

 

前后端分离之Vue显示分页

上一篇:苹果发布 Safari 技术预览版 131,其中包含错误修复和性能改进


下一篇:Photoshop 单眼皮变成双眼皮的处理方法