2019年04月_baby加油_

12月 11月 10月 09月 08月 07月 06月 05月 04月 03月 01月

原创 keep-alive vue的路由缓存及transition动画(keep-alive新方式include~)

在vue项目中，尤其是h5制作的app，来回跳转的时候，有的地方需要做缓存，一来防止页面重复加载同样的数据造成服务器压力，二来防止页面重新加载造成卡顿，影响客户体验，今天，小闫就工作问题来帮助大家理解vue-router的缓存 - keep-alive1. <router-view><router-view> 组件用于渲染路径匹配到的视图组件。渲染的组件还可以内嵌自...

2019-04-24 17:33:26 4040

原创高德地图 - 拖拽选址+搜索选址

实现效果 - 搜索和拖拽选址思路拖拽选址，用的是高德的UI组件库PositionPicker添加圆标记用的是添加覆盖物-圆搜索选址用的是搜索服务AMap.Autocomplete(根据输入关键字提示匹配信息)重点实现拖拽后会返回经纬度，主要是改变圆的位置，.circle.setCenter([location.lng,location.lat])，拖拽的时候，圆跟着位置点中心在动；...

2019-04-09 14:47:05 3056

原创高德地图的circle圈

高德地图上有很多类型的覆盖物，近期用到circle覆盖物，顺便记录下官方文档：https://lbs.amap.com/api/javascript-api/reference/overlay直接上案例<!doctype html><html><head> <meta charset="utf-8"> <meta ht...

2019-04-08 17:17:50 7082

原创 Cannot use v-for on stateful component root element because it renders multiple elements.

报错运行vue项目的时候，有时候会报错Cannot use v-for on stateful component root element because it renders multiple elements.代码如下：报错原因及解决办法v-for不能用于根元素（root element）。因为v-for是个循环，它返回更多的元素。导致无法渲染。应该加一个父元素...

2019-04-03 09:34:28 1571

原创 vue项目中的v-for在vsCode提示错误的解决办法

最近在使用vue做项目的时候发现，VScode一直提示v-for错误，在网上找到了方法，与君共享~错误示例解决方法1在for循环上添加 :key='index'解决方法2在左下角点击，在设置中修改拓展的Vetur插件，在json文件中添加"vetur.validation.template": false或者直接在设置的搜索中，搜索vetur.validation.templa...

2019-04-02 10:18:09 1214

原创 mint-ui上拉下拉加载更多 vue项目

时间紧急，直接上代码<template> <div class="page NewsContentList"> <my-head title="系统提醒" iconL="back" hslotr="" @on-click-hleft="triggerHLeft" @on-click-hright="triggerHRight">&lt...

2019-04-01 18:30:16 834 1

原创 mint-ui仿QQ微信做左滑删除功能

在用H5做APP开发的时候，用到了左滑删除的功能，前端UI框架用的是mint-ui，就用到了一个组件Cell Swipe，直接上案例吧mt-loadmore + mt-cell-swipe<div class="page-loadmore"> <div class="page-loadmore-wrapper" ref="wrapper" :style="{ heig...

2019-04-01 18:26:31 616

原创 ES6快速删除数组中的某条数据

//这是vue methods中的一个方法deleteCarEvent(carID){ const _this = this; console.log('要删除的carID为：' + carID) deleteCar(carID).then(function(resolve){ console.log(resolve) //ES6快速删除某...

2019-04-01 15:36:20 6633