
vue
湫沐椿风
528541757@qq.com
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
vue+cesium报错解决
ThirdParty/zip.js Cannot read property 'length' of undefined原创 2021-12-27 10:24:52 · 3034 阅读 · 2 评论 -
electron打包vue项目坑记录
1、打包后接口报错 解决:axios中配置const service = axios.create({ baseURL: process.env.NODE_ENV == 'development' ? "/api" : "http://www.abc.com/", timeout: 5000 // request timeout})2、上一步完了之后,打包完之后依然报错,在配置文件bacground.js中添加显示控制台win.webContents.openDevT...原创 2021-08-12 09:36:40 · 1000 阅读 · 0 评论 -
vue使用百度地图并设置自定义主题
安装vue-baidu-map$ npm install vue-baidu-map --save全局注册//main.jsimport BaiduMap from 'vue-baidu-map'Vue.use(BaiduMap,{ ak: '你在百度地图申请的key'})页面使用<template> <div> <baidu-map id="allmap" @ready="mapReady" :scroll-wheel-zoom原创 2021-05-24 14:04:27 · 1627 阅读 · 3 评论 -
vue解决报错TypeError: Cannot read property ‘parseComponent‘ of undefined
vue自己一直用的项目是好好的,但是新同事新拉的运行后就会报错TypeError: Cannot read property ‘parseComponent‘ of undefined在网上找了好多都说是升级vue-template-compiler,但事实是只更改vue-template-compiler版本号是不能解决问题的,还需要保持和vue版本一致比如我原本都是2.6.10的版本,只将vue-template-compiler从2.6.10升级到2.6.11是不够的还需要将vue也升级到2.原创 2021-04-01 08:46:42 · 6037 阅读 · 0 评论 -
echarts地图文字位置调整
原图在地图.json中修改添加‘cp’ "properties": { "name": "1号二期Ⅱ标", "cp":[ 106.415377,37.5994686] }修改后原创 2021-03-25 10:38:44 · 3021 阅读 · 3 评论 -
element合并最后一列的所有行
element合并最后一列的所有行页面 <el-table :data="dataTable" :span-method="objectSpanMethod" v-loading='loading' border stripe style="width: 100%"> <el-table-column prop="name" label="区域"> </el-table-c原创 2021-03-11 14:51:51 · 2835 阅读 · 0 评论 -
页面中引入多个echarts组件自适应无效问题
问题:vue在一个页面引入多个echarts组件时,仅最后一个组件执行了自适应原因:子组件中的window.onresize只获取到了最后一个echarts解决办法: 将子组件echarts定义在data中,然后再父组件中通过ref调用其resiz()函数window.addEventListener('resize',()=>{ this.$refs.day.charts.resize() this.$refs.mon.charts.resize()})..原创 2021-03-02 13:37:52 · 681 阅读 · 1 评论 -
vue+axios+blob下载文件乱码或打不开问题
刚开始查了网上说需要设置responseType='blob',但是代码中已经这么设置了下载还是乱码,就想到这个设置是不是没起作用呢?然后面向百度后发现mock模块会导致上面的设置失效,这是前期同时做相应模块的时候引入模拟数据的,后端接口出来后就不需要了,这面直接卸载即可...原创 2021-01-29 10:52:16 · 1914 阅读 · 2 评论 -
element DateTimePicker赋值不成功问题
在赋值时使用this.$nextTick(() => { this.ruleForm.datetime = [new Date(res.data.beginTime),new Date(res.data.endTime)]})即可原创 2020-12-14 11:01:25 · 1712 阅读 · 1 评论 -
vue页面和ifram之间传值信息交互
方式一:vue页面 mounted(){ window['reData'] = () => { //监听iframe页面调用本vue页面的方法并执行 this.reData(); }; const obj1 = window.frames['mainIframe']// 获得对应iframe的window对象 this.framObj = obj1 this.getWaterDate(原创 2020-09-03 16:59:09 · 1208 阅读 · 0 评论 -
uniAPP混合开发小程序实现子组件下拉刷新
在上一篇文章中,我们通过自定义实现底部tab,但是在使用uniAPP下拉刷新时,父组件可以实现,子组件没有效果,这也着实让我难为了半天,最终通过父子组件互相传值的方式来实现了想要的效果那么我是怎么做呢?首先,我们在父组件下拉刷新的函数中获取当前tab的index从而告知哪个页面执行刷新重新获取数据(我们这里以一个弹窗替代),并且当子组件获取完数据之后再向父组件回传一个值以达到初始化的效果。...原创 2020-01-10 16:36:28 · 3941 阅读 · 3 评论 -
uniApp混合开发小程序实现自定义底部tab仿绿洲APP动画效果
今天在使用绿洲APP时感觉底部的切换效果不错,就想试着做一下,但是uniAPP官方的底部tab太过死板,那么要想实现绿洲APP的切换效果自然不能用官方的东西,那咋办嘞?像我这么爱折腾的人肯定是自己尝试着去写一个啦说干就干,我们把页面分成两个部分,上面是内容区,下面是固定且浮在上层的tab区域每当点击时获取当前tab的索引并根据索引切换内容区页面部分代码 <view c...原创 2020-01-09 19:12:00 · 3170 阅读 · 1 评论 -
小程序与uniapp根据参数值展示不同的css样式
小程序<view class="{{muAc == 1 ? 'menuAc' : 'menu'}}"> 商品</view>uniapp<view :class="[muAc == 1 ? 'menuAc' : 'menu']"> 商品</view>原创 2019-04-20 11:21:25 · 4913 阅读 · 0 评论 -
解决uniAPP Date.parse()获取时间戳手机端打印为NaN的问题
最近使用uniAPP开发公司客户端APP,在做到拼单的时候拼单倒计时在浏览器正常显示,但是在手机端运行的时候就提示活动结束一看就是没有进入时间未结束的那段代码于是用Date.parse打印了一下接口获取的时间戳,浏览器正常打印出了一段数字,但是手机端在控制台打印的则是NAN,这弄得我非常郁闷,后来网上查了一下应该是有的手机系统不支持2019-04-29这样格式而支持2019/04/...原创 2019-04-24 13:26:36 · 6839 阅读 · 0 评论 -
uniapp (vue)父子组件间的传值
父组件向子组件传值父亲代码<detail-bar :num='carNum'></detail-bar>孩子代码<view class="cart_tag">{{num}}</view>script中props: { num: { type: Number, default:0 } }-----...原创 2019-04-18 15:53:44 · 3108 阅读 · 2 评论 -
uniAPP 顶部tab菜单的实现
最近在使用uniAPP做项目,页面中要使用到顶部tab菜单,但又不想使用别人的插件,于是自己用代码实现了一下水平有限,如有不足请多多指教完整代码地址...原创 2019-03-16 16:14:51 · 16303 阅读 · 21 评论