vue 是新兴的前端开发框架应用起来也很方便,对于从事前端开发的工程师而言无疑是效率很高的一个开发框架。
Vue的展示信息页面的设置是,打开创建好的页面输入vue然后按Tab键然后我们的页面就整理好了:
之后呢进入Element UI 官网找到Table表格在里面找我们所需要的表格,找到之后呢点击显示代码:
复制<template></template>里面的代码:
粘贴到我们创建的Vue页面当中的div里面:
表格的初步操作就完成了。
接下来就是复制分页的代码了,再进入官网找到分页进入里面找到完整功能点击显示代码复制到页面里:
里面的方法也要复制过去:
之后我们的网页页面就创建完成了:
我们页面整体的一个布局是这样的:
在之后的操作就是连接你的api地址了,在methods里创建一个方法使用axios连接后台API地址。