3 zuo-yiran

尚未进行身份认证

暂无相关简介

等级
TA的排名 1w+

vue中使用百度地图的两种实现方法

方法一:直接引用js。1.在index.html中引入<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=你的密钥"></script>2.添加配置在webpack.base.conf.js文件中添加如下配置:externals:{ 'BMap':'...

2020-05-01 00:23:10

关于ionic3开发APP用cordova打包,更新下载后不能自动提示安装的解决方法的补充

在之前的文章中提出过解决这个问题的办法:在添加平台cordova platform add android后,在platforms\android内找到AndroidManifest.xml文件,然后修改为:<uses-sdk android:minSdkVersion="16" android:targetSdkVersion="23" />关于这个问题可以通过命令直接实现:...

2020-04-15 19:18:39

js获取当前日期的上个月的日期(不同的日期格式)

//处理日期格式function formate(data, format) { data = new Date(data); var o = { "M+": data.getMonth() + 1, //月 "d+": data.getDate(), //日 "h+": data.getHours(), //时 "...

2020-03-31 21:59:52

js默认当前日期为开始时间时进行天数计算出错的原因分析及解决方法(vue使用mintui内的时间组件)

例如实现下面的计算:计算天数时间差:(new Date(离店时间) - new Date(入店时间))/(1000 * 60 * 60 * 24)说明:默认初始值为new Date()的当前时间,选择离店时间后,进行天数的计算。例如当前时间是2019年12月31日,那住店时间是2019年的12月31日,离店时间是2020年的1月2日,正常的天数是2天,但是按照选中日期的时间差(new Da...

2020-01-22 10:57:10

React+Ant Design实现可编辑单元格、添加行并利用form获取新增数据

实现如下图所示需求:实现功能说明:点击添加按钮,在表格中添加新的空白行(如下图所示),在点击提交的时候获取空白行的数据在构造函数内定义:constructor(props) { super(props) this.state = { dataSource:[{ key: 0, name1: '', ...

2019-12-10 09:44:40

react父子组件之间的传参

项目文件结构如下图:实现search组件内输入的值在父组件内接收到。1.定义接收子组件传的变量this.state = { searchPost:{},//搜索的值}2.父组件引入子组件import Search from './Components/Search/search';render() { return ( <div id="...

2019-11-05 10:32:47

vue项目配置多入口

有时候在一个vue项目需要多个入口,解决这个问题的方法有两种:方法一:在main.js的入口文件中根据url的后缀名称进行判断然后进行页面的跳转localhost:8080?startPage=index根据startPage的值进行判断方法二:给vue项目配置多个入口文件,通过访问的地址的不同进行页面的跳转具体操作为:在pages文件夹下新建index和admin、unquali...

2019-09-29 14:25:32

vue修改打包配置实现代码打包后的自定义命名

首先修改router文件:例如,这是原本方法引用页面://基础配置import BasicDispose from './pages/BasicDispose/BasicDispose'现修改为:const BasicDispose = () => import(/* webpackChunkName: "BasicDispose" */ './pages/BasicDispos...

2019-09-20 10:19:15

vue在移动端实现禁用物理返回键

用vue-cli新建的项目中要实现某些页面禁用物理返回键,可使用以下的方法:方法一:在main.js中加上以下代码作为禁用路由判断的依据:const history = window.sessionStoragelet historyCount = history.getItem('count') * 1 || 0history.setItem('/', 0)router.before...

2019-08-06 14:28:07

使用next方法设置跳转页面并传参(项目多入口传参根据标识进行判断跳转不同页面的实现)

多入口判断vue项目是多入口的情况下,在main.js文件下根据标识进行跳转页面的判断并传参,跳转以next方式实现:代码如下:在router.beforeEach内添加如下代码:(以startpage值为判断条件,当值为lianYou或huaGong时跳转的是同一个页面,需要传参进行判断,当值为unqualified时跳到另一个页面–unqualified页面,不需要传参)router...

2019-07-02 15:04:29

vue中用iframe嵌套页面,点击返回实现真正的退回上一步功能

vue项目中需要嵌套第三方的页面,但是第三方页面中的网页没有返回按钮,如图所示:此为页面b,页面a为跳到b页面的前一个页面。点击iframe嵌套页面跳转的第二个页面要实现不管进入多少层iframe页面,点击回退都直接跳到页面a.实现:为了不影响路由判断,使用回退的方法。首先在进入页面b时,记录一下history.length,并把这个值赋给页面的一个变量: data () { ...

2019-06-27 16:41:18

vue项目中部分android手机加载打包后的index页面显示空白的问题:uncaught syntaxerror:block-scoped declarations...

在vue项目中遇到加载打包后的index页面,部分android手机会出现空白页面的问题,并且报Block-scoped declarations (let, const, function, class) not yet supported outside strict mode的错误,在不报此错误的其他android手机上则没有此空白页面的问题。提示的错误信息就是在严格模式下不支持这种...

2019-05-30 10:41:00

vue-cli 中用axios请求本地(非static文件夹内json数据)json报 404

vue项目本地调试调用本地的json文件,但是用axios请求报404的错,放在static文件夹内就可以访问到,如何在自定义文件夹(随意位置)内访问本地的json文件,经过查询及比对发现需要修改build–webpack.dev.conf.js文件,用vue-cli新建项目,修改webpack.dev.conf.js文件如下:'use strict'const utils = require...

2019-04-26 17:49:59

解决ios倒计时失效问题(分别用setTimeout和setInterval实现)

项目中使用倒计时效果,具体实现如下: //使用的数据(获取的是时间戳):systemTime=1554384835539 createtime=1554384824000 let now = new Date(datamsg.systemTime).getTime(); let start = new Date(datamsg.createtime).getTime();...

2019-04-04 21:39:59

手机端css实现横向滚动但不显示滚动条

要实现手机端的横向滚动,但显示滚动条,如下图:要实现滚动条消失,但是依然可以滚动,代码如下:<!DOCTYPE html><html><head><meta charset="UTF-8"><title></title><meta name="viewport" cont

2019-03-12 09:24:07

vue解决mintui中使用MessageBox弹窗,不进行任何操作(不点击确定或取消键)时跨页面显示的问题

在vue项目中用到MessageBox弹窗,不点击取消或者确定键,虽然在页面上不能进行改变路由的操作,但是在手机(运用android手机上的物理返回键)上进行页面的回退时,就会发现弹窗并没有消失,如果给弹窗的确定或者取消键绑定了改变路由回退什么的操作,有可能会出现问题(我的项目是嵌套在原生壳子内,如返回到上一页,并且弹窗的确定键也是路由的go(-1)的操作会直接退回到原生页面,这样就会报错)。具...

2019-02-02 14:36:17

vue中输入框事件的使用——@input、@keyup.enter、@change、@blur

一、@input(或者是v-on:input)使用:<inputtype="text"placeholder="通过乘车人/订单号查询"v-model="inputVal"v-on:input="search"value=""/>适用于实时查询,每输入一个字符都会触发该事件。如图:二、@keyup.enter该事件与v-on:input事件的区别在于:i

2019-01-23 15:41:54

Promise 实现方法(请求)的异步(串行)执行

在项目的实际操作中会用到串行调用方法的情况,实现异步执行,例如有三个方法,方法一、方法二、方法三,需要执行完方法一之后执行方法二,执行完方法二之后执行方法三,这样的串行的执行顺序可以用层层嵌套的方法来实现,但是这样的话方法嵌套的深看起来就很麻烦,可以用Promise实现,简单的模拟做法如下:function fourO() { return new Promise(function(r...

2018-12-18 16:18:23

使用mintui中的轮播图Swipe组件时在启动项目中能正常启动但是会报警告

用到mintui框架中的swipe轮播组件,启动项目时能正常显示但是会报下面的警告(看不到启动的地址,但是输入对了地址后则可以正常打开运行项目):解决办法:根据提示修改:在标签内加上:key=XXX.id作为为每个项提供的唯一密钥属性,键的理想值将是每个项的唯一ID,作为唯一的标识。举例代码为:<mt-swipe> <mt-swipe-item v-for="it...

2018-12-17 19:54:23

用mintui的loadmore模板实现上拉加载和下拉刷新时自动触发上拉加载事件(数据展示部分会出现一部分遮盖)的解决

如下图所示:展示的第一条数据被遮盖。通过检查是因为本身的这个模板位置上移了,通过调整高度加上padding或者margin都是不可行的(在初始化进入页面时显示正常,但是在进行tab切换时则会出现多加的padding或者margin值)解决办法:加上在loadmore标签中加上 :auto-fill=“false”,禁止loadmore 自动检测并撑满其容器即可完全展示。<mt-loa...

2018-11-29 10:11:15

查看更多

勋章 我的勋章
  • 持之以恒
    持之以恒
    授予每个自然月内发布4篇或4篇以上原创或翻译IT博文的用户。不积跬步无以至千里,不积小流无以成江海,程序人生的精彩需要坚持不懈地积累!
  • 1024勋章
    1024勋章
    #1024程序员节#活动勋章,当日发布原创博客即可获得
  • 勤写标兵Lv1
    勤写标兵Lv1
    授予每个自然周发布1篇到3篇原创IT博文的用户。本勋章将于次周周三上午根据用户上周的博文发布情况由系统自动颁发。