移动端左滑删除在ios10以下兼容处理

项目购物车要实现左滑删除,网上找了一个组件,用起来很方便,但是在ios10以下滑动不了 https://segmentfault.com/a/1190000011062124 下面是这个大哥的代码: <template> <div&g...

2019-04-30 10:38:24

阅读数 15

评论数 0

vue-cli3.0+vant出现的问题总结

1、轮播图在ios9以下都不能滑动 解决办法: https://github.com/surmon-china/vue-awesome-swiper npm install vue-awesome-swiper --save 全局引入 import Vue from 'vue'...

2019-04-30 10:14:40

阅读数 29

评论数 0

移动端一个按钮长按以及点击事件(js)

应需求,移动端点击按钮以及长按按钮,做出不同的操作(同一个按钮); <div class="join-car" @touchstart="gotouchstart" @touchend="gotouchend"&...

2019-04-30 09:54:26

阅读数 16

评论数 0

element-ui中的多层表单循环验证处理

项目中有如下需求: 可以添加一个列表 => 添加弹框 => 里面可以添加多个产品(产品里面可以添加多个对接人跟政策),所以数据结构应该如下 ruleForm: { companyName: '', // 公司名称 financial...

2019-03-27 11:28:48

阅读数 59

评论数 0

web-view内嵌web分享功能以及小程序跟web分离实现

1、在小程序中添加新的页面,进行跳转处理 html: <web-view @message="onMessageReceive" src="{{newsUrl}}">&...

2019-03-12 18:02:46

阅读数 70

评论数 0

vue服务端渲染nuxt(三) nuxt.config.js 配置

 nuxt.config.js 配置结构,如下图所示 1、build:应用依赖第三方模块 2、cache:该配置项让你开启组件缓存策略以提升渲染性能。 3、css:该配置项用于定义应用的全局(所有页面均需引用的)样式文件、模块或第三方库。 4、dev:该配置项用于配置 Nux...

2019-01-30 11:37:18

阅读数 292

评论数 0

vue服务端渲染nuxt(二)项目目录结构

上期我们看了nuxt的安装,这次我们看下nuxt的项目目录结构,方便我们写项目的时候进行一些合理的配置,如下图所示   1、assects:静态资源文件,图片,共用的css等 2、components: 组件存放的目录 3、layouts:用于组织应用的布局组件,该目录名为Nux...

2019-01-30 11:20:20

阅读数 84

评论数 0

vue服务端渲染nuxt(一)

由于项目需要,所以对nuxt进行了初步学习,自己也进行总结一下,方便以后查找浏览 1、首先创建它的脚手架 create-nuxt-app,我们可以使用npm进行安装 npm install create-nuxt-app -g create-nuxt-app '你的项目名称' 2、如...

2019-01-23 18:39:06

阅读数 88

评论数 0

小程序自定义是否转发(或分享)

项目中首页、音频、视频、自定义二级页都是自定义配置、以及是否分享都是在后台管理进行配置 但是onShareAppMessage回调控制 不了,是否分享这样的功能。根据接口返回是否分享的字段,我们通过判断。使用微信小程序提供的方法可以控制。方法如下 wx.hideShareMenu();  ...

2018-12-03 13:27:45

阅读数 105

评论数 0

mpvue点击按钮转发引起的坑

项目中用任务得金币的功能,用户通过转发分享,被分享的用户登录并且浏览后,分享的用户能得到相应的金币,并且点击不同的列表,分享的path,title,以及图片也是不一样的,引发的问题,我在onShareAppMessage回调函数中拿不到数据 原生小程序可通过一下方法进行解决 &amp...

2018-11-07 14:49:10

阅读数 1629

评论数 0

小程序中的倒计时

var total_micro_second = 60 * 1000 * 60 * 24; /* 毫秒级倒计时 */ function count_down(that) { // 渲染倒计时时钟 var arr = date_format(total_micro_second); t...

2018-10-18 15:51:53

阅读数 151

评论数 0

使用mpvue关于同一页面跳转

问题描述: A页面(A数据) 点击跳转 到 A页面,(此时是B数据), 点击跳转 到 A页面,(此时是C数据),然后 再点击右上角返回, 回到A页面B数据,再点击右上角返回,回到A页面A数据 解决办法:根据上面的大佬方案解决,但是在清除数据的时候,在mounted生命周期中发现并没有清除,在on...

2018-10-16 14:01:41

阅读数 337

评论数 0

koa2中使用cookie(六)

我们项目中对数据的存储有很多种,cookie,sessionStorage,localstorage等等;我们今天看下koa中对cookie的存储以及读取。koa提供了从上下文直接读取、写入cookie的方法 ctx.cookies.get(name, [options]) 读取上下文请求中的c...

2018-07-16 14:04:26

阅读数 1220

评论数 0

截取地址栏的参数

我们在项目中可能会有相同的部分的内容,但是为了项目简单,就用一个页面承接多个入口。所以我们需要判断它的来源,到底是来自哪个入口,遇到这种情况,我们在跳转路由的时候,会传递参数,有人可能会说,我们跳转路由传参的时候,在生命周期函数里面,直接使用this.$router.query.id获取不就可以了...

2018-07-11 15:43:21

阅读数 156

评论数 0

element-ui中远程搜索select

项目中有下拉框,需求:获取焦点,可以让用户选择,也可以让用户在输入框中输入,实现模糊搜索,也可以多选。因为使用element-ui,所以就使用了select的高级用法,需求如下图所示我们以代码的形式进行呈现<template> &...

2018-07-03 11:20:23

阅读数 7295

评论数 3

element-ui中的时间插件坑

最近项目有这个一个需求,如下图所示两个时间,一个是离开时间,一个是抵达(回来)的时间,选择离开时间,需要去判断,抵达时间有没有值,如果有值,那么离开时间必须小于抵达时间并且大于当前时间,如果抵达时间没有值,那么离开时间大于当前时间,当前之前的时间不能让用户选择;同理,抵达时间也是如此。我们看下面的...

2018-07-03 09:41:39

阅读数 4452

评论数 8

element-ui中表单验证rules

我们在项目中头疼的是什么?对,你没有听错,就是表单验证,各种非空校验,正则校验等等而初次使用element-ui,在做表单验证的时候,由于项目急,自己呢,也没有时间去研究这个,结果比别人多写了500行的js,有木有很夸张,所以,这个项目结束了,自己呢,去研究了下rules的神奇之处若有不足,请指出...

2018-07-02 19:18:05

阅读数 12226

评论数 0

关于element-ui中上传图片样式自定义的坑

我们在项目中可能遇到上传图片的问题,但是element-ui中提供的上传图片样式不满足我们的需求,我们在实现的时候可能会遇到坑。以我在项目中上传图片为例,如下图所示:像这种,在element-ui中是没有这种样式的,所以我们只能自己写,我们先看下代码<el-upload ...

2018-07-02 18:21:42

阅读数 6795

评论数 10

vue2.0项目中的代理跨域proxyTable

前端跨域很常见,最近用vue做项目,用webpack中的代理跨域proxyTable解决,非常完美。所以进行总结一下,避免自己遇到类似的问题。我们先找到项目中的config目录下面的index.js,如下图所示然后在index.js中写入下面的代码,进行代理处理module.exports = {...

2018-06-29 15:03:05

阅读数 500

评论数 0

vue2.0中axios拦截详细说明

最近项目中用vue全家桶实现,避免不了使用axios,axios不仅可以用来请求数据,沟通前后端的作用,还有以下的http请求拦截作用、http响应拦截作用。/** * http配置 */ // 引入axios以及element ui中的loading和message组件 import ...

2018-06-13 17:01:32

阅读数 214

评论数 0

提示
确定要删除当前文章?
取消 删除
关闭
关闭