首页 > 其他 > 详细

前后端分离之Vue显示分页

时间:2021-09-12 09:10:26      阅读:35      评论:0      收藏:0      [点我收藏+]

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

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

技术分享图片

 

 

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

 

 

 

 技术分享图片

 

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

技术分享图片

 

 

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

 

技术分享图片

 

 

 

 

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

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

技术分享图片

 

 

 

 

技术分享图片

 

 

 

 

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

 

技术分享图片

 

 

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

技术分享图片

 

 

 

 

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

 

技术分享图片

 

 

 

 

 

 

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

 

前后端分离之Vue显示分页

原文:https://www.cnblogs.com/bto4432/p/15253127.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!