- 博客(100)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 Vue v-html渲染后的DOM，操作当前页面的方法
问题出现原因： 为了帮助文档能够及时修改和更新，所以帮助文档在第三方官网上，通过后台获取，前端通过v-html渲染成页面1.样式问题用全局样式即可处理，为了全局样式不冲突，建议创建一个父级ID或者class，避免样式的冲突2.事件问题，对v-html内的某个元素绑定了事件，由于后台获取的页面不包含Vue，所以Vue直接调用的方法不能处理，具体待了解，用了一个笨方法，通过获取当前父级下...
2019-12-26 09:57:00
2507
1
原创 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
7559
2
原创 Vue 传递参数
父子组件传参 props//父页面<column-chart :column-data="columnData"></column-chart>//子页面 使用props接收参数//无需再data中再次定义cloumnData，直接通过this.cloumnData使用即可props:{ charData:{ //字符...
2019-12-06 11:06:00
199
原创 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
6479
原创 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
604
1
原创 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
4858
原创 Vue 添加第三方图标(阿里矢量图)
1.阿里矢量图官网，创建项目阿里矢量图2.创建项目后，前缀这里在配置中需要用到，注意3.选择需要下载的矢量图标，选择Font class，下载到本地4.解压后获得以下文件5.到Vue项目下，找个地方存放以上所有文件，直接复制粘贴即可6.打开iconfont.css文件，对其进行一些配置，这里的icon就是你项目当时配的后前缀！！[class^="icon"], [class*...
2019-11-26 17:33:51
884
原创 正则
密码正则：规则包含数字，字符，大小写字母且不包含中文空格/(?!^[0-9]+$)(?!^[A-z]+$)(?!^[^A-z0-9]+$)^[^\s\u4e00-\u9fa5]{12,20}$/
2019-11-26 14:01:27
189
原创 Vue-element-admin平台侧边栏收缩控制
//找到store/modules/app.js文件const app = { state: { sidebar: { // opened: !+Cookies.get('sidebarStatus'), //原值 opened:true, //默认展开（false是隐藏...
2019-11-20 18:35:49
9674
2
原创 Vue 登录前拦截
管理平台上会有忘记密码路按钮，该网页是不需要登录后跳转的路由，如果直接用this.$router.push进行路由跳转，会被重定向回到登录页面，但是当你点击登陆后又会发现进入了你的忘记密码页面，因为登录后，该页面被框架添加到白名单里面，下面设置登录前的白名单页面在Vue全局搜索router.beforeEach方法，或者到permission.js文件中查看这个方法...
2019-11-14 16:33:06
325
原创 Echarts 自定义颜色
series: [ { name:'邮件营销', type:'line', stack: '总量', data:[120, 132, 101, 134, 90, 230, 210], itemStyle:{ normal:{ ...
2019-11-13 11:39:16
1926
原创 JSON.parse转换碰到换行符
JSON.parse()，可以将字符串转换成对象，当改字符串中出现换行符'\'的时候，则会报错默认解析双'\\'为换行符，单'\'则会报错
2019-10-31 09:39:20
1828
原创 VsCode卸载删除插件及文件残留
快捷键 win + R打开运行 %appdata% 回车删除当前目录下的 Code 和 Visual Studio Codewin + R 输入 %userprofile% 回车删除当前目录下 删除 .vscode 文件夹
2019-09-12 10:37:03
11285
原创 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
4158
原创 Element table 斑马线设置
Element 斑马线是stripe 属性，自定义斑马线是 row-class-name，通过自定义属性实现个性斑马线如下//CSS 样式添加.el-table .warning-row{ background:#F3F9FF}//HTML table标签添加属性<el-table :data="tableData" :row-class-name="tabRow...
2019-05-24 10:02:13
14626
原创 Vue-element-admin layout布局
这里简单看一下layout的布局，方便以后好修改该管理平台的布局，为什么会出现这个博客，因为需求~，因为数据需要根据不同需求切换不同的展示内容，所以要求在顶部添加btn按钮来控制一下，layout的基本布局如下在顶部添加一行用于btn按钮时，会发现左侧路由列表出现一下小问题，因为左侧路由列表是position:fixed，所以需要手动设置top值，写博客只是为己为人...
2019-05-05 15:19:08
8225
原创 Vue Echarts通过v-if来控制图表切换的问题
Vue调用Echarts做数据统计是常态，为了更好地看出效果，通常会会出现柱状图，折线图之间的切换v-if 切换后图表无数据的问题v-if 之有条件满足才会渲染！！！这里图表作为模板引入的，先展示的折线图，故此柱状图为false，当切换时，柱状图无数据，是因为DOM结构生成是有时间差的，可以通过 this.$nextTick（）方法解决...
2019-03-20 19:19:20
6541
原创 Vue Element table动态生成列，并赋值
//根据数据需求格式，完成数据过滤//pageData是数组，也是总数据，数据要求=> 类型：数值//ChartsTabData 是分类的数组，你总共有哪类HTML------<el-table :data="pageData" border style="width:100%;margin-top:20px" v-loading="tableLoading"> ...
2019-03-20 18:53:35
18013
1
原创 Vue 手风琴el-collapse绑定事件
<el-collapse v-model="activeNames" @change="handleChange"> <el-collapse-item title="一致性 Consistency" @click.native="aaa()"> <div>与现实生活一致：与现实生活的流程、逻辑保持一致，遵循用户习惯的语言和概念；&a
2019-03-01 15:41:37
12475
5
原创 AWS中使用JavaScript获取数据
JavaScript想要直接获取AWS数据桶的数据，首先需要下载SDK文件，如果需要Athena则需要注意，因为官网的aws-sdk文件是不包括Athena的，导致AWS下没有Athena方法，所以需要自定义包，链接AWS自定义SDK包SDK文件下载后引入文件内，查看官网文档，查看需要使用的方法，这里使用的DynamoDB,Athena方法，S3部分由我们大数据同事解决了DynamoDB查询数据...
2019-02-26 09:58:14
2460
原创 Chrome浏览器账号密码保存黄色遮层处理
Chrome浏览器的自动保存账号密码功能，平时注意的时候就会发现有个黄色的遮层在input输入框上面，但是开发中，这种情况是不允许存在的，由于这是浏览器自己的缓存密码，所以只能对其进行调整，并没能直接将他干掉，通过修改CSS样式，可以将这个黄色遮层的时间进行一个修改:-webkit-autofill { -webkit-text-fill-color: #fff !important; ...
2018-11-05 10:57:03
714
原创 vue-element-admin-master 语言管理
vue-element-admin-master管理平台框架支持多语言方法，官网说默认配置为中文英文，不晓得怎么回事，本人下载下来的是三种语言，包括了西班牙语，那么怎么处理掉这个多余的语言？找到src/commponents/LangSelect目录下的index.vue文件，将多余的语言注释掉，这样再调用模板的时候就不会出现在你的下拉框之中了如何调整语言的所对应的翻译，比如title...
2018-10-31 11:17:50
9185
原创 Vue，POST请求头'Content-Type':'application/json;'，data上传方法
transformRequest 方法说明axios中文文档
2018-09-19 17:29:22
44380
1
转载 vue-cli本地环境代理设置
vue-cli本地环境API代理设置及解决跨域1.这里说一下http跟https的代理是存在一定差异的，若是代理的是htpps的请在proxyTable下添加两个参数pathRewrite: { //避免出现找不到路径，给予一个标识(类似于导盲犬) '^/letuadmin': ''}, secure: false, ...
2018-09-19 12:02:08
868
原创 input标签
input标签中的placeholder属性颜色默认是灰色，修改默认颜色input::input-placeholder{ color:#000}::-webkit-input-placeholder { /* WebKit, Blink, Edge */ color:#000;}:-moz-placeholder { /* Mozilla Firefox 4 to 1...
2018-07-20 10:56:36
177
转载 IOS软键盘点击空白处不关闭问题
objBlurFun("input"); //如果不是当前触摸点不在input上,那么都失去焦点 function objBlurFun(sDom,time){ var time = time||300; //判断是否为苹果 var isIPHONE = navigator.userAgent.toUpperCase().indexO...
2018-06-13 16:47:11
1373
原创 textarea标签
<textarea></textarea>文本框标签，在开发中总能遇到1.textarea标签，换行符不是<br/>,而是</n>2.如果你想在textarea标签中输入默认值，并且换行显示，那么换行符就必须是\r\n，至于\r是为了保证更好的兼容性...
2018-05-09 10:16:55
382
1
原创 MUI在ios中的一些问题
MUI开发中，ios跟Android是存在差异，目前碰到的问题有以下几种1，IOS跟Adroid在margin值时，存在差异，这时候只要让手机判断是IOS还是Android即可，这里给出两种方式判断console.log（mui.os）,可以看到//第一种if(mui.os.android){ //注意，这里是小写的android $("#header").css("margin-to
2017-12-29 16:31:00
8013
原创 表单下的botton如何禁止提交
按钮 button有个type属性，而在form表单下botton的type类型默认成为了submit提交按钮这个属性，所以点击就会跳转页面禁止跳转只需要改变其type类型即可 按钮
2017-12-25 16:10:32
1860
原创 HTML <select>标签如何获取里面的内容
Volvo Saab Opel Audi如何获取其中的Saab内容？console.log($("select option:eq(1).text()"))可以根据选择器的，选择相对应的内容，JQ选择器连接点击打开链接
2017-12-25 14:13:59
5491
原创 APP中如何判断手机类型
1.在APP开发中，iOS跟Android可能会存在一定的差距，所以在开发中需要根据手机的种类不同，而去稍微进行修改，那么如何判断手机种类？var os = puls.os.name; console.log(os); if(os=='iOS'){ $("#pull").css("margin-top","90px"); }; if(os=='Andr
2017-12-05 11:41:35
1300
原创 TortoiseSVN客户端如何修改IP地址
1.当服务器IP发生改变时，VisualSVN Server服务器的IP也会随之改变，但是客户端的IP并不会发生改变，如何调整客户端IP地址那？找到你TortoiseSVN复制下来的文件位置，选中这个文件，右键2.选中Relocate属性，修改IP地址3.输入现在IP
2017-11-29 11:00:16
9231
原创 VisualSVN Manager控制台关闭后如何打开
1.安装过VisualSVN Manager控制台后，关闭之后就找不到怎么打开了，简单说一下找到自己安装VisualSVN Server 时候的安装目录目录在这个目录下找到 bin 文件夹，进入之后拉倒文件底部找到 VisualSVN Server.msc点开即可
2017-11-29 09:45:51
3395
原创 iframe父页面访问子页面
iframe标签应该属于很老的一个标签了，对于近些年出现的前段开发师而言，有些甚至不懂iframe是什么？做什么用的？1.iframe元素会创建包含另外一个文档的内联框架,简单来说就是可以在你的页面中引入别人的页面，嵌套式页面2.iframe元素具体的一些属性值，这里就不做介绍了，属性值的话推荐一个iframe详解点击打开链接3.iframe同域之间的数据访问，这里走了很多的坑;3
2017-11-28 13:52:24
596
原创 MUI 页面切换时等待动画怎么设置？
在写项目中，使用了MUI的openWindow方式跳转页面，那么问题来了，当点击跳转的一刹那，会出现一个黑色背景，白色雪花的图案，那么这个东西的颜色又跟项目不太符合，这个东西该怎么调整那？这里先说明一下，这个雪花，跟等待数据的雪花，不是一个动画那么该如何调试这个雪花那？很简单，在openWindow打开新页面下有一个属性waiting，是不是很熟悉，对的，它跟showWaiting的作用是
2017-11-07 14:12:49
5335
1
原创 MUI 关闭页面返回指定并且再次进入数据不会重复
MUI 中openWindow是打开新页面，当我们想要返回之前的页面中，如果是父级就不说了mui.back（）就自动返回了，但是如果返回的是爷爷级的页面，甚至首页，该怎么处理？ 如若通过openWindow重新打开爷爷页面。这样的话，打开之后，当你再次访问你之前访问过的页面，你就会发现，页面的操作依旧跟你离开之前一样 如果你的页面是根据参数传递，而展现出不同的数据时
2017-10-27 13:40:18
3310
原创 MUI中Loading加载动画设置
MUI跳转页面之后，加载数据的时候，页面上会出现短暂的空白，这样给用的体验会不太好，所以，可以通过H5+的 nativeUI 模块中的showWaiting显示系统等待对话框var wt = plus.nativeUI.showWaiting("",{loading:{icon:"/image/12.png",interval:'100000ms',height:'50px'},size:
2017-10-25 14:46:12
25738
1
原创 HTML5+API 的调用相册参数属性
在调用相册的时候通常会选择多个图片，如何多选？Gallery模块管理系统相册，支持从相册选择图片或者文件，pickg.Gallery获取相册管理对象void plus.gallery.pick( successCB, errorCB, option );参数：succesCB: ( GalleryPickSuccessCallback ) 必选 从系统相册
2017-10-12 11:26:11
594
原创 UID 自动生成ID
1.自动生成ID 类型如 5C1C2052-4B7C-4332-8745-7E98AF7FC09Afunction uuid() { var s = []; var hexDigits = "0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz"; for(var i = 0; i < 3...
2017-09-14 09:35:52
6752
4
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人