Vue后台管理界面

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Vue后台管理界面相关的知识,希望对你有一定的参考价值。

参考技术A

一、 vue里页面之间传参通过router-link

二、vue里获取接口数据

和js原生对比不然发现有不同的地方,这里是对接口进行了一些封装

三、 结合数组函数map实现二级联动

四、 结合数组函数push、indexOf、splice增删输入框

五、渲染列表

列表里大部分用的都是input标签,然后渲染方式就是 绑定v-model双向绑定更改数据
六、父子通信

使用vuejs2.0和element-ui 搭建的一个后台管理界面

说明:
  这是一个用vuejs2.0和element-ui搭建的后台管理界面。

相关技术:

  vuejs2.0:一套构建用户界面的渐进式JavaScript框架,易用、灵活、高效。

  element-ui:一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的组件库。

  vue-router:前端路由,用Vue.js + vue-router 创建单页应用(SPA)非常简单。

  axios: 基于 Promise 的 HTTP 请求客户端,可同时在浏览器和 node.js 中使用。

  mock.js: 生成随机数据,拦截 Ajax 请求,让前端攻城师独立于后端进行开发。

效果图:

演示地址:http://lit.ipyro.cn

源码地址:https://github.com/jerry9022/LitAdmin

QQ交流群:187036974

以上是关于Vue后台管理界面的主要内容,如果未能解决你的问题,请参考以下文章

vue+elementui搭建后台管理界面(3侧边栏菜单)

vuejs 和 element 搭建的一个后台管理界面

使用vuejs2.0和element-ui 搭建的一个后台管理界面

vue2.0+element+node+webpack搭建的一个简单的后台管理界面

用弹性盒子实现一个后台管理界面,多标签,多窗口

使用vuejs2.0和element-ui 搭建的一个后台管理界面