2018年8月15日
高德地图模糊搜索地址（elementUI）
摘要： 首先引入AMap： 1、在index.html引入AMap <script type="text/javascript" src="http://webapi.amap.com/maps?v=1.4.6&key=你申请的key&plugin=AMap.Geocoder"></script> <scr 阅读全文
posted @ 2018-08-15 18:20 Lena_叶 阅读(5008) 评论(0) 推荐(0)
elementUI表单验证
摘要： elementUI表单验证非常方便，我们直奔主题： 1、验证表单中的某个字段： 2、验证整个表单：（在提交订单前验证） 3、表单重置： 阅读全文
posted @ 2018-08-15 18:13 Lena_叶 阅读(1436) 评论(0) 推荐(0)
2018年6月5日
ElementUI对话框（dialog）提取为子组件
摘要： 需求：在页面的代码太多，想把弹窗代码提取为子组件，复用也方便。 这里涉及到弹窗el-dialog的一个属性show-close： show-close="false"是设置不显示关闭按钮，因为弹窗显示状态值（:visible.sync）是从父组件传递的参数，如果使用自带的关闭按钮，会报出一个错误： 阅读全文
posted @ 2018-06-05 20:22 Lena_叶 阅读(29009) 评论(5) 推荐(4)
ElementUI+命名视图实现复杂顶部和左侧导航栏
摘要： 在了解了命名视图的用途后，发现用命名视图来实现复杂导航更加省力。更多知识请参考这里 这里只说明重要配置内容，其他内容配置请参考上一篇初始版本： ElementUI 复杂顶部和左侧导航栏实现 或参考文末提到的github上的项目代码。 项目目录如下： 1、router配置（router/index.j 阅读全文
posted @ 2018-06-05 17:42 Lena_叶 阅读(27056) 评论(14) 推荐(3)
2018年5月4日
ElementUI 复杂顶部和左侧导航栏实现
摘要： 描述：如图 项目路径如下图所示： 代码实现： 首先在store.js中添加两个状态： App.vue内容： main.js代码： router/index.js文件声明路由： 其中：行程计划、任务、通讯录属于首页大板块（topNavState=“home”）；企业信息、车辆信息、部门信息都属于ent 阅读全文
posted @ 2018-05-04 17:11 Lena_叶 阅读(108971) 评论(9) 推荐(2)
2018年4月27日
Vue页面手动刷新，导航栏激活项还原到初始状态问题解决方案
摘要： 场景描述：在页面中存在顶部导航和左侧导航，左侧导航和右侧内容区使用了命名视图实现，点击左侧导航的链接时，右侧内容区相应显示不同组件内容。问题：在当前链接手动刷新浏览器（例如：浏览器地址为/enterprise/list），顶部导航激活项还原到初始状态（这里默认是“工作台”项）。 原理：每次刷新都会重 阅读全文
posted @ 2018-04-27 11:51 Lena_叶 阅读(7015) 评论(0) 推荐(0)
elementUI动态数据表格（带分页）
摘要： index.vue handleSizeChange(val){ this.pageSize = val; this.currentPage = 1; this.fetchData(1, val); // console.log(`每页 ${val} 条`); }, handleCurrentCha 阅读全文
posted @ 2018-04-27 11:20 Lena_叶 阅读(23021) 评论(0) 推荐(0)
验证11位手机号正则表达式
摘要： 因为现在新增了166、198、199号段的手机号，所以正则表达式也要作相应改进： 阅读全文
posted @ 2018-04-27 11:13 Lena_叶 阅读(113673) 评论(0) 推荐(8)
Vue2.0+elementUI使用echarts插件
摘要： 1、npm安装echarts： $ npm install echarts -S 2、html代码： <template> <div id="chartColumn" style="width: 100%; height: 400px;"> </div> </template> 3. js代码： 3 阅读全文
posted @ 2018-04-27 11:07 Lena_叶 阅读(10359) 评论(2) 推荐(0)
datatables初始化用法
摘要： 更多资料查阅网址：http://datatables.club/example/#data_sources 阅读全文
posted @ 2018-04-27 11:03 Lena_叶 阅读(1879) 评论(0) 推荐(0)