精华内容
下载资源
问答
  • Vue+Springboot+ElementUI 实战 详细教程

    Vue Springboot ElementUI 实战 教程

    文章已在GitChat发布,欢迎阅读。
    https://gitbook.cn/gitchat/activity/5f2fd508ba074467ee7aca38

    Vue Springboot ElementUI 详细教程

    文章已在GitChat发布,欢迎阅读。
    https://gitbook.cn/gitchat/activity/5f2fd508ba074467ee7aca38

    展开全文
  • vue入门|ElementUI使用指南

    万次阅读 多人点赞 2018-01-25 13:42:19
    vue入门|ElementUI使用指南

    vue入门|ElementUI使用指南

    1.开发前务必熟悉的文档:

    vue.js2.0中文,项目所使用的js框架
    vue-router,vue.js配套路由
    vuex      状态管理
    Element UI框架

    2.构建项目框架

    全局安装脚手架环境
    npm install -g vue-cli
    创建一个基于webpack模板项目my-project
    vue init webpack my-project
    进入项目
    cd my-project
    安装依赖
    npm install
    启动项目
    npm run dev

    3.运行项目之后看到下面界面,说明安装成功


    4.安装element-ui

    npm install element-ui -S
    S代表save 安装到本地开发者环境中
    检查一下package.json看看是否安装成功,如果有element-ui 表示安装成功


    5.导入element-ui

    import ElementUI from 'element-ui'
    import 'element-ui/lib/theme-chalk/index.css'
    Vue.use(ElementUI)//全局使用ElementUI

    如果没报错的话,就可以正常使用啦

    6.接下来我们就可以参照Element的官方文档上手开发了

    demo:

    我们只需要改动HelloWorld.vue的内容

    <template>
      <div class="hello">
        <h1>{{ msg }}</h1>
        <el-progress type="circle" :percentage="0"></el-progress>
        <el-progress type="circle" :percentage="25"></el-progress>
        <el-progress type="circle" :percentage="100" status="success"></el-progress>
        <el-progress type="circle" :percentage="50" status="exception"></el-progress>
      </div>
    </template>
    
    <script>
    export default {
      name: 'HelloWorld',
      data () {
        return {
          msg: 'Welcome to Your Vue.js App',
        }
      }
    }
    </script>

    效果如下图所示:

    
    
    
    


    接下来就有你们自己去研究啦,再见


    展开全文
  • elementui教程,用elementUI来制作PC站前端.zip
  • 先看效果图: 首先要确保已经安装了node.js 1、下载模板 ... 2、解压下载的文件 F:\昆仑枣业\参考资料\vue-manage-master\vue-manage-system-master 解压后的文件夹如下: ...在DOC下进入F:\***\参考资料\v...

    先看效果图:

    首先要确保已经安装了node.js

    1、下载模板 

    https://download.csdn.net/download/xjzdr/12115342

    2、解压下载的文件

    F:\昆仑枣业\参考资料\vue-manage-master\vue-manage-system-master

    解压后的文件夹如下:

    3、安装 环境

    在DOC下进入F:\***\参考资料\vue-manage-master\vue-manage-system-master目录

    cd F:\*****\参考资料\vue-manage-master\vue-manage-system-master

    安装 环境:

    npm install 

    会下载环境依赖的一大堆文件到node_modules目录下

    4、启动 npm run dev

    5、打开浏览器,输入 

    http://localhost:8080/

    哈哈 ,复杂,和以前用过的AdminLTE 妹子之类的麻烦多了。

    展开全文
  • 24 Vue UI框架 ElementUi使用 以及webpack.config.js配置 25 Vue UI框架 ElementUi 按需引入 26 vue 路由模块化 27 Vuex 的使用 State Mutation 实现多个页面共享计数 28 Vuex 的使用 State Mutation ...

    01 无人点餐 无人收银系统 多用户点餐 智能打单 在线支付系统介绍
    02 Vue的介绍 Vue环境搭建  运行项目
    03 Vue目录结构分析  绑定数据 绑定对象 循环数组渲染数据
    04 Vue绑定属性 绑定Html  绑定class  绑定style
    05 Vue 及双向数据绑定 Vue事件介绍 以及Vue中的ref获取dom节点
    06 Vue事件 定义方法 执行方法  获取数据 改变数据 执行方法传值 以及事件对象
    07 Vue 事件结合双向数据绑定实现todolist
    08 Vue 事件结合双向数据绑定实现todolist 待办事项 已经完成 和进行中
    09 Vue 中的模块化以及封装Storage实现todolist 待办事项 已经完成 和进行中持久化
    10 Vue中创建单文件组件 注册组件  以及组件的使用
    11 Vue中组件的生命周期函数
    12 Vue vue-resource 请求数据
    13 Axios  fetchJsonp请求数据
    14 Vue父组件给子组件传值 Vue父组件给子组件传方法  Vue父组件把整个实例传给子组件
    15 父组件主动获取子组件的数据和方法   子组件主动获取父组件的数据和方法
    16 Vue非父子组件传值
    17 Vue中的路由 以及默认路由跳转
    18 Vue动态路由 Get传值
    19 Vue路由结合请求数据 实现新闻列表 新闻详情数据渲染
    20 Vue路由编程式的导航  以及vue路由History 模式 hash 模式
    21 Vue中路由的嵌套
    22 Vue UI框架Mint UI的使用  button  索引列表  ActionSheet等
    23 Vue UI框架Mint Ui  infinite-scroll结合api接口实现真实上拉分页加载更多
    24 Vue UI框架 ElementUi的使用 以及webpack.config.js配置
    25 Vue UI框架 ElementUi 按需引入
    26 vue 路由模块化
    27 Vuex 的使用 State  Mutation  实现多个页面共享计数
    28 Vuex 的使用 State  Mutation Getter Action  以及实现不同组件新闻数据共享 以及新闻数据的持久化

     

     

    下载地址:百度网盘

    展开全文
  • 19年全新elementUI项目实战教程vue整合Echarts后台权限视频教程
  • 自己花一天多时间从elementui官网整理出来的离线网页教程,2019最新版,对于离线工作环境的情况很有用处。.
  • 在vue上安装和使用elementui教程(附碰到的诸多问题的解决方案) 首先我是按照这个教程https://segmentfault.com/a/1190000019647625安装了elementui,然后在下载和使用的时候出现了问题。 后续问题的解决方案可以...
  • 面对陌生UI框架应该如何快速上手,如何在大篇幅的文档里找到最应该关注的重点,这期课程除了教会你ElementUI的每个组件使用技巧,还能教会你在面对一个新的UI框架的时候应该如何上手
  • 19年全新elementUI项目实战教程vue整合Echarts后台权限视频教程 ...
  • 这里写自定义目录标题Vue+elementUI 实现文件上传教程使用elementUI 上传组件实现文件上传 Vue+elementUI 实现文件上传教程 Vue+elementUI 实现文件上传两种方式供参考 1.使用elementUI 上传组件实现文件上传 2.使用...
  • <el-calendar v-model="value" id="calendar"> ...-- 这里使用的是 2.5 slot 语法,对于新项目请使用 2.6 slot 语法--> <template slot="dateCell" slot-scope="{date, data}.
  • 设置ElementUI表格只能单选效果教程,Element UI 是一套采用 Vue 2.0 作为基础框架实现的组件库,一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的组件库,提供了配套设计资源,帮助网站快速成型.
  • 2020最新-Vue ElementUi入门实战视频教程.txt2020最新-Vue ElementUi入门实战视频教程.txt2020最新-Vue ElementUi入门实战视频教程.txt2020最新-Vue ElementUi入门实战视频教程.txt2020最新-Vue ElementUi入门实战...
  • 主要介绍了使用vue.js2.0 + ElementUI开发后台管理系统详细教程(一)的相关资料,需要的朋友可以参考下
  • 主要介绍了使用vue.js2.0 + ElementUI开发后台管理系统详细教程(二),非常不错,具有参考借鉴价值,需要的朋友参考下吧
  • ElementUI v2.13 使用手册.
  • 使用Elementui创建项目

    2020-12-08 12:30:18
    import ElementUI from ‘element-ui’; import ‘element-ui/lib/theme-chalk/index.css’; import App from ‘./App.vue’; Vue.use(ElementUI); new Vue({ el: ‘#app’, render: h => h(App) }); ...
  • 初学vue+elementui搭建前台项目教程

    千次阅读 2020-07-14 16:01:28
    vue+elementui搭建前台项目教程 准备工作 1、下载node 配置node环境(注意:不管是跑别人的项目还是用自己的项目,都需要下载node) https://nodejs.org/en/ 2、一路next或者放入自己喜欢的文件夹中(此操作省略) ...
  • ElementUI框架引入和使用

    万次阅读 2019-07-01 19:47:18
    安装使用有两种方式 ①npm/cnpm安装到项目中 ②CDN引入 先介绍CDN引入 CDN全称:Content Delivery Network即内容分发网络。 CDN是构建在网络之上的内容分发网络,依靠部署在各地的边缘服务器,通过中心平台的负载...
  • Vue Vuex MintUi ElementUi入门实战视频教程,视频生动有趣,不枯燥,下载绝对值得,里边干活多多,
  • ElementUI实现表格列表分页效果教程,Element UI 是一套采用 Vue 2.0 作为基础框架实现的组件库,一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的组件库,提供了配套设计资源,帮助网站快速成型
  • elementui table组件的使用 基于elementUI组件对table对使用。 表格的使用 绑定数据tabledata <el-table ref="multipleTable" border :data="tableData" tooltip-effect="dark" height="100%" ...
  • 今天小编就为大家分享一篇vue+elementUI动态生成面包屑导航教程,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
  • 使用ElementUI进行页面布局使用ElementUI进行页面布局使用ElementUI进行页面布局 <el-row :gutter="20"> <el-col :span="16"><div class="grid-content bg-purple"></div></el-col> ...
  • 导语本次将会从头到尾详解,怎样使用vue和ElementUI快速开发后台管理系统,以及在开发过程中遇到的一些bug在线demo源码如果运行时报错,请检查几个包的版本node.js 6.10.0npm 3.10.10vue 2.1.6element-ui 1.0.9项目...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 2,292
精华内容 916
关键字:

elementui使用教程