- 博客(24)
- 收藏
- 关注
RSS订阅
原创 vue离开页面前回调函数
confirmLeave(callback) { let isCondition = true; // 是否存在数据 if (isCondition ) { MessageBox.confirm("您当前页面数据还没保存，确认要离开吗？", { confirmButtonText: "确定", cancelButtonText: "取消", c...
2019-12-26 11:36:16
1841
原创 JS取出两个数组的不同或相同元素
1、取出两个数组的不同元素getArrDifference(arr1, arr2) { return arr1.concat(arr2).filter(function(v, i, arr) { return arr.indexOf(v) === arr.lastIndexOf(v); });},2、取出两个数组的相同元素getArrEqu...
2018-08-09 11:52:39
27100
1
原创 echarts柱状图，highcharts3d饼图
option = { tooltip: { trigger: 'axis', backgroundColor: 'rgba(7,20,54,0.8)', textStyle: { color: '#fff', lineHeight: 100,
2024-04-02 10:26:00
386
1
原创 npm run build 报错 vue[mini-css-extract-plugin]Conflicting order between
不同页面都引用了两个或多个公共组件，但引入顺序不一样，导致的警告
2022-02-10 17:19:53
572
原创 简单实现 table编辑、添加和删除操作
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> <meta http.
2020-11-11 11:32:26
443
原创 el-table表头错位问题解决方案
body .el-table th.gutter{ display: table-cell!important;}
2020-06-18 17:38:27
500
原创 element-ui @change自定义传参
<el-checkbox @change="checked=>changeFun(checked, item)"></el-checkbox>
2020-06-18 17:36:59
421
原创 CSS单位加减运算 动态计算长度值calc()
margin-left： calc（50% + 10px）；// calc() 函数用于动态计算长度值。// 需要注意的是，运算符前后都需要保留一个空格，例如：width: calc(100% - 10px)；// 任何长度值都可以使用calc()函数进行计算；// calc()函数支持 "+", "-", "*", "/" 运算；// calc()函数使用标准的数学运算优先级规...
2019-12-02 15:04:33
776
原创 数组赋值指针指向原数组，导致原数组跟着改变
data() { return { currentList: [], homeList: []}} methods: { fun() { this.currentList= this.homeList } }// currentList的数据改变homeList也会跟着改变// 解决方法 this.currentLis...
2019-12-02 14:57:24
572
原创 js 获取当前时间
getNowTime(){vardate=newDate();varyear=date.getFullYear();varmonth=date.getMonth()+1;varday=date.getDate();if(month<10){month='0'+month;}if(day...
2019-12-02 14:46:47
160
原创 npm run dev 浏览器中打开两次
不想起两次解决方法：vue.config.js 下的 devServer.open 设置为 false // true默认打开浏览器 package.json 的 dev 命令设置为 vue-cli-service serve--open
2019-11-04 15:35:32
1560
1
原创 js对象sort排序，转字符串
let value = '';let arr = [];for (let i in data) { // data对象 arr.push(i + data[i]);}value = arr.sort().join('');
2019-07-22 08:26:02
550
原创 vue自定义下拉框
<template> <div class="select"> <div class="select-head"> <span class="select-head-cont">{{siteTxt}}</span> <span
2019-03-06 14:12:18
1489
原创 -webkit-line-clamp vue打包后不起作用
安装依赖这个依赖：npm i -S optimize-css-assets-webpack-plugin注释掉webpack.prod.conf.js中下面这段代码代码：new OptimizeCSSPlugin({ cssProcessorOptions: config.build.productionSourceMap ? { safe: true,...
2019-03-04 22:21:02
905
原创 对象key活定义
let params = method === 'get' ? 'params' : 'data';let obj = { [params]: 'data'}
2018-08-09 17:51:15
334
原创 判断发布过去时间间隔的脚本方法
// tool.js文件中getPastTime(time) { // time为传入的时间戳 let date = new Date(); let time1 = date.getTime(); let time2 = (time1 - time) / 1000; let pastTimes = ''; if (...
2018-08-09 17:36:15
315
原创 LazyLoad图片懒加载
npm install vue-lazyload -s在main.js 引入import VueLazyLoad from 'vue-lazyload';Vue.use(VueScroller， { error:'./static/error.png', loading:'./static/loading.png', // 其他属性定义方式雷同});//定义自己想要的组件...
2018-08-09 17:07:09
254
原创 比loadmore更好用的scroller
npm i vue-scroller -simport VueScroller from 'vue-scroller';Vue.use(VueScroller);用法：<template> <div class="app1"> <div v-bind:class="[loading ? 'main mainIn' : 'main...
2018-08-09 16:49:44
492
原创 将select文本居中
select { width: 70px; height: 37px; text-align-last: center; -moz-text-align-last: right; /* 兼容 Firefox*/}取值：auto：无特殊对齐方式。left：内容左对齐。center：内容居中对齐。right：内容右对齐。justify：内容...
2018-08-09 12:06:59
1178
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人