- 博客(22)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 el-dialog中嵌套iframe之后拿不到iframe的id 的解决办法
在vue+element项目中想用到el-dialog弹窗加iframe嵌套外部页面的方法,但是这时候要获取iframe里面的ID 但是这时候怎么也获取不到。这么写 在下面直接拿ID 是获取不到的 输出是null。这时候需要加一个异步执行 就可以获取到了。这么写就能顺利的获取到id值了。
2023-10-31 17:53:11
904
原创 uniapp获取后台给的base64图片流显示到页面中
<image style="width: 506rpx;height: 506rpx;" :src='aaa'></image>后台返回的base64流 直接复制出来放到src里面就可以出来,但是通过定义this变量,在通过 :src 来赋值 就是不显示,后来发现,应该是通过this定义变量赋值的时候,没有去掉返回的数据的双引号,:src="xxx"的时候也有双引号,所以导致了他有四个引号,识别失败解决办法就是去掉返回数据的双引号使用正则去掉双引号var reg =
2021-06-11 17:38:15
3026
原创 vue项目中给页面加上水印效果
最近在做项目的时候要求给页面加上水印效果,废话不多说直接上代码export function watermark(settings) { debugger; //默认设置 var defaultSettings={ watermark_txt:"text", watermark_x:20,//水印起始位置x轴坐标 watermark_y:20,//水印起始位置Y轴坐标 watermark_rows:5,//水印行数 watermark
2021-04-20 10:02:47
936
原创 element el-table 在IE浏览器 表头失效问题
大家做PC端的后台管理肯定首选element-ui,这个框架对IE兼容还是比较强的,但是也有个别问题,今天就遇到一个在chrome里面没问题但是在IE中是这样最后发现是IE不能识别那个色彩,换成rgb的形式展示色彩就行了在App.vue里面设置全局样式 加上!important...
2021-04-17 16:27:36
503
原创 element el-table 合并相同的多列的单元格(亲测可用)
有时候需求就比较奇葩要实现这种基本的表格很简单而官方给出的合并表格就很笼统 基本不能实现需求要达到的效果所以就需要我们自己去站在官方的肩膀上去开发新的逻辑我遇到的需求就是要去合并每多列相同的元素,并且跟前面相互照应如果按照官方的方式是不可能实现这种效果的上代码<el-table :data="tableData" width="100%"
2021-04-17 16:13:06
7293
4
原创 记录一下uni-app开发中遇到的坑
一、uni-app中不能操作domuni-app开发中不能操作dom，就是一切的按照vue那种方式进行数据绑定，要不然在网页端看着是好好的，但是一旦打包放到真机上就是各种问题。所以只要熟悉vue并且有实际开发经验的人来说，对于uniapp上手还是很快的二、关于手机端适配uni-app中有个单位叫upx ， 可以使用这个进行手机端的适配，这个单位会根据屏幕的宽度自动计算出实际需要的px然后转换出来三、打包到微信小程序打包到微信小程序中背景图片不能使用本地路径，要不然会不显示，会报错，应该使用base
2021-03-08 15:29:49
2794
6
原创 aspx文件请求xml数据在chrome里面乱码问题(已解决)
今天在做一个后端管理系统的时候,要画一个甘特图,要用到xml数据,但是在ie中就能正常请求到数据,在chrome里面就是乱码返回的数据:在IE中就是正常的xml数据解决方法:在请求数据的页面转码xml数据 加上这个之后就能正常返回xml数据了希望能帮到大家!!!...
2020-11-30 18:22:28
190
原创 解决vue中formdata 传值为空值得问题(已解决)
在使用elemenet-ui 进行vue form表单传值的时候,要上传图片,要将上传完的图片转成二进制的形式给后端传过去,使用formdata的方法进行二进制转换,然后发现怎么传值 ,都是一个空对象,后来找了半天才发现原来是重新封装的axios出现了问题,如果有人也遇到了这个问题,就用原生的axios进行调用接口let formData = new FormData(); Object.keys(this.agency_information.file).forEach(item => { form
2020-11-01 16:33:51
14943
3
转载 移动端使用e.preventDefault()禁止滚动及取消
相信大家写移动端的时候都会碰到这个问题，当写活动规则弹窗的时候如果页面过长了，即使规则是100%高度覆盖全屏但是如果在上面滑动还是可以拖动背景，有的时候为了更好地体验，我们往往需要在遮罩层存在的情况下干掉背景的滚动效果，而在取消遮罩层之后背景可以继续滑动。移动端防止页面滚动代码(兼容苹果和安卓)// 防止下拉function touchmove () { document.body....
2019-09-02 14:33:30
2977
1
原创 weui datePicker插件 在部分安卓9以下版本显示日期少一天的问题(内含解决办法)
最近在写H5页面的时候用到了weui里面的datePicker插件,这个插件其他都还好,ui设计的也挺好,但是有一个很大很大的坑就是标题描述的那个问题,就是在安卓9以下的手机上显示日期少一天,而且安卓9以及ios上展示都没有问题,当时还以为是我代码写的有问题,但是我拿有问题的手机访问它官网上的那个链接的时候也会出现这个问题,所以就排除了我代码的问题,然后就考虑兼容安卓的问题但有没想到什么好的办法...
2019-08-24 23:53:50
441
1
原创 weui.datePicker卡死的问题
前几天在找vue中使用这个插件的时候,动不动就会卡死,后来在网上查了半天才知道问题出现在传到插件里面的值查出了范围,比如说在动态改变这个插件值的时候,传值为2019-7-32 时间里面没有这个插件 所以就会导致页面完全卡死,这个问题很容易出现再当前天数加一天的时候,这样的话到月底的时候就会出现这个问题,解决方法就是在定义new Date 的时候直接让他加一天,这样的话到了月底他自己就会转...
2019-08-01 16:37:00
787
原创 在vue项目中使用npm或者cnpm安装超时的问题
昨天再弄vue项目的时候,遇到一个问题(看下面截图)而且不管安装什么都是报这个错.在网上查了个遍,大部分都是说什么代理啥的,删了代理就行了,但是我能是的我都试了,就是不行,最后还是在一个技术群里遇到一个好心的大神,远程帮我看了三个多小时才解决的,下面说一下解决方法这个报错初步一看还以为是网络被限制了,然后换乘我自己的手机热点还是不行然后就开始找方法,查ip,查代理最后的最后都快要放弃了,...
2019-04-29 09:57:53
2577
原创 城市选择插件 V-Distpicker 组件详解以及全套用法
首先第一步,这个插件是一定要在vue项目中使用的一,安装使用 npm 安装：npm install v-distpicker --save使用 yarn 安装yarn add v-distpicker --save二使用1.在main.js中引入import VDistpicker from 'v-distpicker'Vue.component('v-distpicker...
2019-04-29 09:41:51
20844
3
原创 H5微信分享踩坑大全--文末有微信分享代码大全
1.第一个坑就是请求接口的时候不能直接请求接口,需要把当前的接口处理一下,最好是用get请求,2.第二就是要把这的字段名字要跟后台返回的一致(我就是应为这个问题,弄得一直报签名错误)注意大小写问题!!!下面的jsApiList:[] 这里面的方法呢最好不要用新的,新的估计是不稳定,可能和这个也有一定的原因3.就是要就是这块写配置参数的时候不能写死,还有就是图片一定要写线上的图片地址,4...
2019-02-25 14:47:23
1061
原创 安装完mongoDB 在 运行 mongod --dbpath 无法打开的问题
在打开mongoDB时报错 , 就是运行 mongod --dbpath C:\mydatabase这句话的时候 出现错误这句话是出现问题的主要原因 这句话翻译成大白话就是c盘里面的可用内存不足,没有3379MB的空间了解决方法就是换一个盘放置mongoDB数据库就行了还有就是 路径中不能出现中文 数据库名字也不能出现中文如果运行正确出现下面这种情况就说明数据库打开成功...
2018-10-11 14:29:02
5937
原创 vue-js模拟日历插件
今天要实现的功能就是一下这个功能!! 好了废话不多说了 直接上代码了css:*{ margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizi...
2018-09-07 17:22:58
1369
原创 聚划算导航栏的反弹效果代码 纯原生js实现
一.首先是HTML代码: 记得在头部加一个移动端的视口<header> <div class="logo">聚划算</div> <div class="nav"> <div id="nuit"> <ul>
2018-07-07 19:56:14
515
原创 纯原生js实现移动端轮播图,纯原生js 纯原生js 纯原生js !!!
首先是html: 代码如下<div class="carousel" id="carousel"> <div class="imageList"> <ul> <li><a href="#"><img src="img/
2018-07-05 21:06:10
1609
2
原创 用js实现1-34个数之间随机取6个数 并去重(模拟红色双色球)
下面直接上代码了!!! function rnd(n,m){ return parseInt(Math.random()*(m-n)+n); } function toTwo(n) { return n < 10 ? '0' + n : n; } function findArr(n,arr){ for(var i=0;i<arr.length;i++){ ...
2018-06-05 15:08:03
2837
原创 用canvas画一个卡通人物!!
html:<canvas id="canvas" width="650" height="671"></canvas>css:canvas { border: 2px solid #08A573; background-size: 100% 250%; background-position: center bottom;}js:var canvas = docume...
2018-05-29 16:54:16
8757
5
原创 用canvas画一个球体!!
html:<canvas width="500" height="500" id='can'></canvas>js: var can=document.getElementById('can'); ctx = can.getContext('2d'); ctx.beginPath(); ctx.arc(250,250,250,0,2*Math...
2018-05-29 16:31:21
3892
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人