3 Mr-K

尚未进行身份认证

我要认证

一个不想学习的程序员~

等级
TA的排名 4w+

Vue viewer插件使用

项目开发中使用图片放大是常用功能,通过Vue中 viewer 插件可以方便快捷的实现目的1.安装viewerjsnpm install viewerjs2.项目中引入viewerjsimport Vue from 'vue'import Viewer from 'viewerjs';import 'veiwerjs/dist/viewer.css';3.对viewerjs进行修改全局默认配置项目Vue.use(Viewer, { defaultOptions: {

2020-05-08 18:38:55

Vue 数组嵌套中循环数组改变值未响应

Vue中数组的动态替换和变更存在不及时相应的问题,根据官网给的方法可以解决vm.$set(vm.items, indexOfItem, newValue)项目开发中碰到了,数组循环数组,遍历展示数组中数组,进行手动分页,分页完成后发现DOM结构没有及时响应,根据排查发i西安数组内的数组没有及时响应,于是用了上面的方法,可是数据依旧没有被响应,问题出在了数组外还有一层数组,导致你不能对数组...

2020-03-26 19:52:50

JS for in 遍历对象顺序不对

后台返回对象参数展开后如下当通过 for in 循环存放到数组的时候得到了很显然顺序跟想象的不一样,因为对象中没有顺序,他不是数组,所以想要得到一个顺序就首先要只给对象指定规则,这里是通过对象的value的字母来指定的规则//循环中使用for(let item in this.objectOrder(data[0])){ this.ChartsTabData.push(item)...

2020-01-21 15:13:40

Vue Echarts世界地图

1.绘制世界地图如下:2,开始绘制地图//安装Echartsnpm install echarts --save3.在Main.js中引入word.js世界地图import '../node_modules/echarts/map/js/world.js' // 引入世界地图4.在组件中绘制地图<template> <div class='...

2020-01-20 10:03:28

ElementUI 自定义上传没有进度条

官网演示案例上有进度条展示将代码复制到本地以后发现没有进度条,查看main.js文件是否配置了mock.js文件,如果有,注掉即可

2020-01-09 15:54:25

css 背景色透明

1.背景图透明化opacity:0.5; //导致页面上的内容也被透明化background:rgba(33,33,33,0.5); //透过rgba提供的透明特性则不存在这个问题

2020-01-07 18:47:49

Vue v-html渲染后的DOM,操作当前页面的方法

问题出现原因: 为了帮助文档能够及时修改和更新,所以帮助文档在第三方官网上,通过后台获取,前端通过v-html渲染成页面1.样式问题用全局样式即可处理,为了全局样式不冲突,建议创建一个父级ID或者class,避免样式的冲突2.事件问题,对v-html内的某个元素绑定了事件,由于后台获取的页面不包含Vue,所以Vue直接调用的方法不能处理,具体待了解,用了一个笨方法,通过获取当前父级下...

2019-12-26 09:57:00

vue-element-admin 三级路由无法跳转

vue-element-admin自带的有嵌套路由,不过他的嵌套路由有一个套路,那就是二级路由页面下有个<router-view />标签//二级路由<el-alert :closable="false" title="menu 1"> <router-view /></el-alert>这里说一下,这里的三级路由指向了一个页面...

2019-12-20 17:58:44

Vue 传递参数

父子组件传参 props//父页面<column-chart :column-data="columnData"></column-chart>//子页面 使用props接收参数//无需再data中再次定义cloumnData,直接通过this.cloumnData使用即可props:{ charData:{ //字符...

2019-12-06 11:06:00

Vue props传参时候报错Use prop default value instead.

1.使用Vue props传递参数时候遇到这个问题根据上图,说是columenData已经被定义,希望你使用他的默认值,经过排查问题出在data()中 props:{ columnData:{ type:Object, default:() => {} }}, data() { return { chart:...

2019-12-06 10:51:25

Element tabs中Echarts图表缩水

1.在element中使用tabs中使用Echarts时候,Echarts图表处于缩水状态,给与指定宽度可以,但是达不到100%自适应的效果 添加 :lazy=true,延迟加载标签 <el-tab-pane label="hello word" name="event" :lazy=true>...

2019-12-05 17:50:57

Vue 引入G2图表

安装G2依赖npm install @antv/g2npm install @antv/data-set vue-ge在Vue main.js文件中引入G2import G2 from '@antv/g2'Vue.use(G2)模板中使用完整代码(柱状图)<template> <div id="c1"></div></...

2019-11-27 16:38:12

Vue 添加第三方图标(阿里矢量图)

1.阿里矢量图官网,创建项目阿里矢量图2.创建项目后,前缀这里在配置中需要用到,注意3.选择需要下载的矢量图标,选择Font class,下载到本地4.解压后获得以下文件5.到Vue项目下,找个地方存放以上所有文件,直接复制粘贴即可6.打开iconfont.css文件,对其进行一些配置,这里的icon就是你项目当时配的后前缀!![class^="icon"], [class*...

2019-11-26 17:33:51

正则

密码正则:规则包含数字,字符,大小写字母且不包含中文空格/(?!^[0-9]+$)(?!^[A-z]+$)(?!^[^A-z0-9]+$)^[^\s\u4e00-\u9fa5]{12,20}$/

2019-11-26 14:01:27

Vue-element-admin平台侧边栏收缩控制

//找到store/modules/app.js文件const app = { state: { sidebar: { // opened: !+Cookies.get('sidebarStatus'), //原值 opened:true, //默认展开(false是隐藏...

2019-11-20 18:35:49

Vue 登录前拦截

管理平台上会有忘记密码路按钮,该网页是不需要登录后跳转的路由,如果直接用this.$router.push进行路由跳转,会被重定向回到登录页面,但是当你点击登陆后又会发现进入了你的忘记密码页面,因为登录后,该页面被框架添加到白名单里面,下面设置登录前的白名单页面在Vue全局搜索router.beforeEach方法,或者到permission.js文件中查看这个方法...

2019-11-14 16:29:04

Echarts 自定义颜色

series: [ { name:'邮件营销', type:'line', stack: '总量', data:[120, 132, 101, 134, 90, 230, 210], itemStyle:{ normal:{ ...

2019-11-13 11:37:42

JSON.parse转换碰到换行符

JSON.parse(),可以将字符串转换成对象,当改字符串中出现换行符'\'的时候,则会报错默认解析双'\\'为换行符,单'\'则会报错

2019-10-31 09:39:20

VsCode卸载删除插件及文件残留

快捷键win+R打开运行%appdata%回车删除当前目录下的Code和VisualStudioCodewin+R输入%userprofile%回车删除当前目录下删除.vscode文件夹

2019-09-12 10:30:51

H5 调用安卓IOS方法

1.原生开发中嵌入H5页面。H5调用原生的方法//IOS//feedbackFinish 是IOS暴露出来的方法名,参数没有则null,不能为空window.webkit.messageHandlers.feedbackFinish.postMessage(null);2.H5调用Android的方法2.1需要安卓与H5定义一个协议,简单来说就是一个入口方法webVie...

2019-06-18 14:22:34

查看更多

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