- 博客(39)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 el-table的操作列中使用下拉菜单，且下拉菜单不插入body
el-table 单元格中使用el-dropdown，且不插入到body中，此时，打开的下拉框被遮挡
2022-03-08 15:29:07
2484
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
2790
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
2148
1
原创 通过cdn引入vant，van-swipe-cell没有效果
前言 最近接手一个项目，是h5多页面，页面中使用了vant的一些插件，是通过cdn的方式引入样式和js的。使用
2021-06-03 14:14:26
2551
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
3675
原创 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
551
原创 元素居中
<div class="parent"> <div class="child"></div> </div>1. position + transform .parent{ width: 100%; height: 200px; background-col...
2020-08-31 17:54:30
98
原创 使用IP访问项目地址，部分浏览器样式错乱
有两种解决方式：1.在index.html的头中增加<meta name="renderer" content="webkit">2.使用域名访问
2020-08-25 10:13:48
291
转载 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
3104
原创 路由动态传参
从列表页跳到编辑页时，经常需要传参。我比较常用的有下面两种：一、刷新后失效路由定义：{ 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
2947
1
原创 vue 动态加载图片不显示
如下代码，我是动态加载图片的，但是如果src后写成require(menu.logo)会报错。这是因为require是编译时执行的，而不是运行时执行。改成如下代码后，问题解决。
2020-07-22 16:01:18
761
转载 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
3131
转载 点击按钮，路由中多了个?
问题描述：在vue项目开发过程中，点击按钮，结果页面刷新了一遍同时发现路径变成了 localhost:8080/?#/login，多了一个问号原因：这里是 form 表单，点击了button 按钮，触发了他的默认事件，就是触发了提交这个行为。解决方案：使用@click.prevent 阻止默认事件参考如下：————————————————版权声明：本文为CSDN博主「qq_42991509」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及..
2020-07-11 09:42:14
189
原创 axios允许跨域携带cookies踩过的坑
需要设置参数withCredentials=true.axios.defaults.withCredentials=true. 注意，没有headers!!!同时，后端Access-Control-Allow-Origin不能为*
2020-07-10 18:37:56
637
原创 antv G2 折线图遇到的坑
1. 数据很多时，图例显示不全：=》设置padding: 'auto' (自动计算边框，目前仅考虑 axis 和 legend 占用的边框)2.图表绘制出来后，外部调用chart.filter()方法无效：=》再调用一次重绘图表chart.repaint();...
2020-06-24 16:20:05
3346
原创 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
6612
原创 vue 计算属性传参
vue小白一直以为计算属性作为一个属性是不能传参的，但是项目中有类似的功能，却因为一个参数不同，写了好多重复的代码。于是，尝试计算属性传参，结果还成了。<template> <div> {{validPort('deploy')}} </div></template><script>......
2020-03-05 14:42:52
878
原创 获取前某个月的第一天和最后一天
前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
673
原创 获取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
105
原创 html压缩后，页面上不显示文件中的元素
html: Test info 如上，my-directive 是我自己定义的插件，“Test info”这块一直不显示，在浏览器F12查看，也没有这块div。后来查了下，出现这种现象一般是元素结束符的问题，可是仔细检查我上面的代码，没有发现有什么问题。后来，尝试把自定义插件的结束 改为 问题解决！原因不明，如有知道的还望告知，谢谢！
2017-12-01 18:03:19
1305
原创 网页上不可选中文字的那些事儿
最近接触过一个项目，原来网页上可以选中文字，但是加了个播放器之后，文字都不能选了，一直怀疑是跟播放器不兼容，后来各种查资料，用了两天才从坑里出来，现在总结下：1.查看是否设置了user-select样式，如果有，需要注释掉：{moz-user-select: -moz-none;-moz-user-select: none;-o-user-select: none;
2017-10-24 15:23:16
543
原创 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
1980
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
490
原创 ui-grid 常用操作
这是一个表格控件，官网地址为： http://ui-grid.info/docs/#/tutorialhtml: js:var myHeaderCellTemplate = '编辑'; $scope.gridOptions = { enableRowSelection: true, //行选择是否可用，默认为true enableSelectAl
2017-08-16 16:17:18
2410
转载 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
1505
原创 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
36204
1
转载 jq的html()、text()、val()区别
.html()用为读取和修改元素的HTML标签 对应js中的innerHTML .html()是用来读取元素的HTML内容（包括其Html标签）,.html()方法使用在多个元素上时，只读取第一个元素 .text()用来读取或修改元素的纯文本内容 对应js中的innerText text()用来读取元素的纯文本内容，包括其后代元素;.text()方法不能使
2017-07-11 10:46:58
439
原创 前端常用到的那些CSS之定位和浮动
1.定位position（1）fixed：（固定定位）相对浏览器窗口的定位，不随窗口的滚动而改变（2）relative：（相对定位）相对元素本身的正常位置，经常作为绝对定位元素的容器块（3）absolute：（绝对定位）相对最近的已定位的父元素，如果没有已定位的父元素，则相对html进行定位，不占文档位置2.浮动float （1）浮动元素还会占用文档位置（2）只会影
2017-07-06 14:48:06
308
原创 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
663
原创 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
7228
原创 关于angular js 监听
1.监听变量的变化：$scope.$watch(' 变量名 ', function(newValue, oldValue, scope){//。。。});2.监听页面路由变化：$scope.$on(' $destroy ', function(){//路由变化时的操作});
2017-04-13 18:27:52
587
原创 angular js 中使用 wdatepicker控件
wdatepicker是一个非常好用的时间控件，可以选择年月日以及时分秒，特别方便，但是在angular js 中使用的时候也比较麻烦，现在将遇到的一些问题总结下：从网上档了一个wdatepicker的包，但是这个包不能破坏原有的结构。1.在封装的directive控件中使用的时候，总是报错，找不到Wdatepicker.js等一些引用文件：解决办法：修改下Wdatep
2017-03-22 14:50:28
1631
原创 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
1638
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人