- 博客(39)
- 资源 (1)
- 收藏
- 关注
原创 el-table的操作列中使用下拉菜单,且下拉菜单不插入body
el-table 单元格中使用el-dropdown,且不插入到body中,此时,打开的下拉框被遮挡
2022-03-08 15:29:07
2694
2
原创 element 自动搜索 el-autocomplete,不显示结果
代码: <el-autocomplete style="width: 58%;" v-model="search_text" value-key="address" :fetch-suggestions="search" :trigger-on-focus="false" placeholder="请输入内容" size="small" ></el-autocomplete&
2021-09-03 18:12:40
3119
1
原创 浏览器设置跨域及允许携带cookie
谷歌设置跨域:谷歌浏览器右键->属性,起始位置(下图"1")及谷歌应用的位置,拷出来备用。我的是C:\Users\xxx\AppData\Local\Google\Chrome\Application。 将目标(下图“2”)里的值增加 --disable-web-security --user-data-dir=谷歌应用的位置(刚拷贝出来的地址) 注意:--前面有空格!谷歌允许携带cookie:1.打开chrome 输入 chrome://flags/ 搜索 SameSit...
2021-07-07 13:31:09
2270
1
原创 通过cdn引入vant,van-swipe-cell没有效果
前言 最近接手一个项目,是h5多页面,页面中使用了vant的一些插件,是通过cdn的方式引入样式和js的。使用
2021-06-03 14:14:26
2640
3
原创 vue中使用drag&drop
H5 原生的drag&dropdraggable=true(必需) ondragstart:拖动开始时触发 ondrag:拖动过程中触发 ondragend:拖动结束触发ondragenter :被拖动元素进入到目标区域时触发 ondragover :被拖动元素在目标区域移动时触发 ondragleave :被拖动元素离开目标区域时触发 ondrop :释放鼠标时触发Vue中使用 <div class="box" @drop="drop($event)".
2021-02-03 11:24:11
3758
原创 vue 通过编译命令加载不同的环境配置
1.添加环境配置文件,如.env.test和.env.meet两个文件2.在package.json文件中添加命令,注意 “--mode xxx”3.命令行运行npm run test,加载env.test中的配置;运行npm run online,加载.env.meet中的配置如下:...
2020-12-21 17:23:10
573
原创 元素居中
<div class="parent"> <div class="child"></div> </div>1. position + transform .parent{ width: 100%; height: 200px; background-col...
2020-08-31 17:54:30
121
原创 使用IP访问项目地址,部分浏览器样式错乱
有两种解决方式:1.在index.html的头中增加<meta name="renderer" content="webkit">2.使用域名访问
2020-08-25 10:13:48
316
转载 vue-element-upload 文件上传打开选择文件弹框前进行提示或操作
关键在:this.$refs['importFile'].$refs['fileRefs'].$refs['upload-inner'].handleClick()https://www.cnblogs.com/liangpi/p/13086110.html
2020-08-06 17:34:14
3161
原创 路由动态传参
从列表页跳到编辑页时,经常需要传参。我比较常用的有下面两种:一、刷新后失效路由定义:{ path: '/test', name: 'test', component: () => import('../views/Test.vue'), meta: {title:'', breadNumber: 1} }路由跳转:this.$router.push({ name: 'test', params: { id...
2020-08-05 17:32:40
3029
1
原创 vue 动态加载图片不显示
如下代码,我是动态加载图片的,但是如果src后写成require(menu.logo)会报错。这是因为require是编译时执行的,而不是运行时执行。改成如下代码后,问题解决。
2020-07-22 16:01:18
773
转载 el-breadcrumb 动态显示导航路由
1.html<el-breadcrumb separator-class="el-icon-arrow-right" class="meet_breadcrumb"> <el-breadcrumb-item v-for="(level,index) in levelList" :key="index" :to="level.path"> {{level.name}} </el-breadcrumb-item></el-breadcr
2020-07-22 10:26:39
3196
转载 点击按钮,路由中多了个?
问题描述:在vue项目开发过程中,点击按钮,结果页面刷新了一遍同时发现路径变成了 localhost:8080/?#/login,多了一个问号原因:这里是 form 表单,点击了button 按钮,触发了他的默认事件,就是触发了提交这个行为。解决方案:使用@click.prevent 阻止默认事件参考如下:————————————————版权声明:本文为CSDN博主「qq_42991509」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及..
2020-07-11 09:42:14
204
原创 axios允许跨域携带cookies踩过的坑
需要设置参数withCredentials=true.axios.defaults.withCredentials=true. 注意,没有headers!!!同时,后端Access-Control-Allow-Origin不能为*
2020-07-10 18:37:56
664
原创 antv G2 折线图遇到的坑
1. 数据很多时,图例显示不全:=》设置padding: 'auto' (自动计算边框,目前仅考虑 axis 和 legend 占用的边框)2.图表绘制出来后,外部调用chart.filter()方法无效:=》再调用一次重绘图表chart.repaint();...
2020-06-24 16:20:05
3428
原创 vue input无法输入的问题
<el-form-item prop="deployPort" :rules="rules.agentPort"> <el-input v-model="formData.deployPort" placeholder="AgentDeploy端口" @input="portInput"> </el-inp...
2020-04-15 10:47:13
6659
原创 vue 计算属性传参
vue小白一直以为计算属性作为一个属性是不能传参的,但是项目中有类似的功能,却因为一个参数不同,写了好多重复的代码。于是,尝试计算属性传参,结果还成了。<template> <div> {{validPort('deploy')}} </div></template><script>......
2020-03-05 14:42:52
906
原创 获取前某个月的第一天和最后一天
前flag月的(-1<flag<-12): var m = new Date().getMonth() + 1; //当前月份 var y = new Date().getFullYear(); //当前年份 var r = (12 + flag + m); ...
2018-12-21 11:28:27
699
原创 获取url中的参数
function getQueryString(name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); var r = window.location.search.substr(1).match(reg); if (r != null) return unescape(r[2]); return nu...
2018-06-21 16:31:29
115
原创 html压缩后,页面上不显示文件中的元素
html: Test info 如上,my-directive 是我自己定义的插件,“Test info”这块一直不显示,在浏览器F12查看,也没有这块div。后来查了下,出现这种现象一般是元素结束符的问题,可是仔细检查我上面的代码,没有发现有什么问题。后来,尝试把自定义插件的结束 改为 问题解决!原因不明,如有知道的还望告知,谢谢!
2017-12-01 18:03:19
1353
原创 网页上不可选中文字的那些事儿
最近接触过一个项目,原来网页上可以选中文字,但是加了个播放器之后,文字都不能选了,一直怀疑是跟播放器不兼容,后来各种查资料,用了两天才从坑里出来,现在总结下:1.查看是否设置了user-select样式,如果有,需要注释掉:{moz-user-select: -moz-none;-moz-user-select: none;-o-user-select: none;
2017-10-24 15:23:16
578
原创 angularJS错误及其解决办法集
后期会持续更...1. [$compile:tplrt] Template for directive 'uiUploadFile' must have exactly one root element我明明定义了templateUrl: ' xxx/upload-file.html ',但是会报这个错,找了好大会儿,发现在html文件最外层,加个div包裹即可解决。2. 用
2017-10-19 16:25:59
2017
2
原创 注册 ng-tags-input 失败
在目前的angular js 项目中使用到该插件,但是注册的时候,总是提示bower.json的其他模块找不到,导致注册失败。目前没有其他好办法,我用的比较笨的,现在bower.json文件中删除找不到的模块。然后执行,bower install ng-tags-input#3.2.0 --save注册成功!然后再把之前删除的模块还原。ng-tags-input
2017-08-27 16:40:45
517
原创 ui-grid 常用操作
这是一个表格控件,官网地址为: http://ui-grid.info/docs/#/tutorialhtml: js:var myHeaderCellTemplate = '编辑'; $scope.gridOptions = { enableRowSelection: true, //行选择是否可用,默认为true enableSelectAl
2017-08-16 16:17:18
2452
转载 vue 请求数据
Vue 原本有一个官方推荐的 ajax 插件 vue-resource,但是自从 Vue 更新到 2.0 之后,官方就不再更新 vue-resource。目前主流的 Vue 项目,都选择 axios 来完成 ajax 请求,而大型项目都会使用 Vuex 来管理数据,此处主要讲解使用axios获取数据——改写原型链。首先在mian.js引入axios:import axi
2017-07-16 14:18:04
1527
原创 js 获取map对象的key,value
var mapObject = { id1001: '小明', id1002: '小花'}获取id是‘id001’对应的值:for(var key in mapObject){var value = mapObject[ key ]; //注意是 [ ]alert(value); //依次弹出小明、小花}
2017-07-13 17:44:39
36537
1
转载 jq的html()、text()、val()区别
.html()用为读取和修改元素的HTML标签 对应js中的innerHTML .html()是用来读取元素的HTML内容(包括其Html标签),.html()方法使用在多个元素上时,只读取第一个元素 .text()用来读取或修改元素的纯文本内容 对应js中的innerText text()用来读取元素的纯文本内容,包括其后代元素;.text()方法不能使
2017-07-11 10:46:58
468
原创 前端常用到的那些CSS之定位和浮动
1.定位position(1)fixed:(固定定位)相对浏览器窗口的定位,不随窗口的滚动而改变(2)relative:(相对定位)相对元素本身的正常位置,经常作为绝对定位元素的容器块(3)absolute:(绝对定位)相对最近的已定位的父元素,如果没有已定位的父元素,则相对html进行定位,不占文档位置2.浮动float (1)浮动元素还会占用文档位置(2)只会影
2017-07-06 14:48:06
323
原创 angular js 的一些特性
1. 路由.state(‘xxx’,{ abstract: true, url: ‘xxx’, template: ‘’, //或者templateUrl: ‘xxx/a.html’ controller: ‘xxxCtrl’, resolve: { }})abstract:表示抽象模版,不能被显性激活,只能被子模版隐性激活,可以传递作用域变量$scope给子模板。一
2017-06-06 16:26:26
702
原创 h5页面上时间格式化
h5页面会应到到PC、Android、IOS,但是,我们经常用到的new Date().Format(' ') 有可能不兼容所有的系统。最近在做h5时,遇到ios不识别'2017-03-12 12:09',返回的是NaN,网上查了一些方法,做下总结:封装的一些时间格式方法:1.时间格式化Date.prototype.Format = function(fmt) {var o
2017-04-19 10:44:17
7271
原创 关于angular js 监听
1.监听变量的变化:$scope.$watch(' 变量名 ', function(newValue, oldValue, scope){//。。。});2.监听页面路由变化:$scope.$on(' $destroy ', function(){//路由变化时的操作});
2017-04-13 18:27:52
612
原创 angular js 中使用 wdatepicker控件
wdatepicker是一个非常好用的时间控件,可以选择年月日以及时分秒,特别方便,但是在angular js 中使用的时候也比较麻烦,现在将遇到的一些问题总结下:从网上档了一个wdatepicker的包,但是这个包不能破坏原有的结构。1.在封装的directive控件中使用的时候,总是报错,找不到Wdatepicker.js等一些引用文件:解决办法:修改下Wdatep
2017-03-22 14:50:28
1647
原创 angular js 的select数据绑定
最初,循环数组,只知道用ng-repeat;后来才知道select不用ng-repeat也能实现循环输出(ng-options,一定不要忘了末尾的s):最初:{{item.name}}改善:解析:columns是一个json数组;C.a as C.b for C in array:意思是显示C的b属性,但数据绑定的是C的a属性,即当
2017-02-22 19:59:42
1677
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人