谈谈学习element UI + vue.js的感受
来源:互联网 发布:淘宝店家论坛 编辑:程序博客网 时间:2024/06/05 09:18
前段时间参与到一个后台管理系统的项目中,我来负责前端,但是说实话我的技术是真的菜。
偶然的机会接触到了element ui发现真的是很好用。对于我这种写前端的菜鸟,快速开发一个前端页面是非常容易的了。
先上几张图
举个栗子:
<template> <div class="block"> <span class="demonstration">默认</span> <el-date-picker v-model="value1" type="datetime" placeholder="选择日期时间"> </el-date-picker> </div> <div class="block"> <span class="demonstration">带快捷选项</span> <el-date-picker v-model="value2" type="datetime" placeholder="选择日期时间" align="right" :picker-options="pickerOptions1"> </el-date-picker> </div></template><script> export default { data() { return { pickerOptions1: { shortcuts: [{ text: '今天', onClick(picker) { picker.$emit('pick', new Date()); } }, { text: '昨天', onClick(picker) { const date = new Date(); date.setTime(date.getTime() - 3600 * 1000 * 24); picker.$emit('pick', date); } }, { text: '一周前', onClick(picker) { const date = new Date(); date.setTime(date.getTime() - 3600 * 1000 * 24 * 7); picker.$emit('pick', date); } }] }, value1: '', value2: '' }; } };</script>
根据element ui 提供的模板,很快就能实现时间选择器的功能
Element UI 是一套采用 Vue 2.0 作为基础框架实现的组件库,它面向企业级的后台应用,能够帮助你快速地搭建网站,极大地减少研发的人力与时间成本。
自我感觉的话,本周就搞了这么点前端的东西,另外验证的东西也写得差不多了,可是ajax的数据过滤还是不会。
下周要开始学习和写ajax的数据过滤。
0 0
- 谈谈学习element UI + vue.js的感受
- vue.js+element ui学习笔记
- Vue.js UI框架 - element
- 【PC端vue ui框架学习】vue项目如何使用基于vue的UI框架Element
- element-ui+vue.js 简易留言板
- vue.js+element-ui动态配置菜单
- 谈谈学习C++的感受
- 谈谈学习java的感受!
- 使用Vue.js和Element-UI做一个简单的登录页面
- vue与element-ui的结合,脚手架第一步【vue日记】
- 关于 Vue.js+Element-UI 日期控件 日期范围选择
- 再来谈谈vue.js
- vue element-ui dialog组件
- vue+element-ui上传文件
- VueJs2.0入门--之后台管理系统(vue.js +vue-router+vuex+element-ui+axios)
- 搭建element-ui的Vue前端工程操作
- vue和element ui 下拉框select的change事件
- Vue 之Element ui 中upload的那些事
- 清除微信浏览器缓存
- ARM汇编指令特点
- Java动态录入弹球
- java数据类型转换(强制转换)
- Python与机器学习3
- 谈谈学习element UI + vue.js的感受
- Spring Boot 学习笔记(三)——特性
- hibernate懒加载
- 邻接矩阵的幂
- js
- 随机失活 dropout直观理解
- PHP Class中public,private,protected,static的区别
- DFS
- 数据库练习题笔记