摘要: 首先引入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表单验证非常方便,我们直奔主题: 1、验证表单中的某个字段: 2、验证整个表单:(在提交订单前验证) 3、表单重置: 阅读全文
posted @ 2018-08-15 18:13 Lena_叶 阅读(1436) 评论(0) 推荐(0)
摘要: 需求:在页面的代码太多,想把弹窗代码提取为子组件,复用也方便。 这里涉及到弹窗el-dialog的一个属性show-close: show-close="false"是设置不显示关闭按钮,因为弹窗显示状态值(:visible.sync)是从父组件传递的参数,如果使用自带的关闭按钮,会报出一个错误: 阅读全文
posted @ 2018-06-05 20:22 Lena_叶 阅读(29009) 评论(5) 推荐(4)
摘要: 在了解了命名视图的用途后,发现用命名视图来实现复杂导航更加省力。更多知识请参考这里 这里只说明重要配置内容,其他内容配置请参考上一篇初始版本: ElementUI 复杂顶部和左侧导航栏实现 或参考文末提到的github上的项目代码。 项目目录如下: 1、router配置(router/index.j 阅读全文
posted @ 2018-06-05 17:42 Lena_叶 阅读(27056) 评论(14) 推荐(3)
摘要: 描述:如图 项目路径如下图所示: 代码实现: 首先在store.js中添加两个状态: App.vue内容: main.js代码: router/index.js文件声明路由: 其中:行程计划、任务、通讯录属于首页大板块(topNavState=“home”);企业信息、车辆信息、部门信息都属于ent 阅读全文
posted @ 2018-05-04 17:11 Lena_叶 阅读(108971) 评论(9) 推荐(2)
摘要: 场景描述:在页面中存在顶部导航和左侧导航,左侧导航和右侧内容区使用了命名视图实现,点击左侧导航的链接时,右侧内容区相应显示不同组件内容。问题:在当前链接手动刷新浏览器(例如:浏览器地址为/enterprise/list),顶部导航激活项还原到初始状态(这里默认是“工作台”项)。 原理:每次刷新都会重 阅读全文
posted @ 2018-04-27 11:51 Lena_叶 阅读(7015) 评论(0) 推荐(0)
摘要: 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)
摘要: 因为现在新增了166、198、199号段的手机号,所以正则表达式也要作相应改进: 阅读全文
posted @ 2018-04-27 11:13 Lena_叶 阅读(113673) 评论(0) 推荐(8)
摘要: 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)
摘要: 更多资料查阅网址:http://datatables.club/example/#data_sources 阅读全文
posted @ 2018-04-27 11:03 Lena_叶 阅读(1879) 评论(0) 推荐(0)