妖心changeless-优快云博客

// 图片尺寸校验 handleBefore(file){ const isSize = new Promise(function(resolve, reject){ let width = 200; let height = 200; let _URL = window.URL || window.webkitURL; let img = new Image(); img.o...

2022-04-13 15:10:38 626

原创 element 表单校验整数

ORDERID: [ { required: false, message: '此项不能为空' }, { pattern: /^([1-9]\d*|[0]{1,1})$/, message: '大于等于0的正整数', }, ],

2022-03-28 11:22:28 994

1.vue 2.0 elementnpm i element-ui -Smain.js 全局配置// ElementUI的引用import ElementUI from 'element-ui';import 'element-ui/lib/theme-chalk/index.css';Vue.use(ElementUI);2.vue 3.0 elementnpm install element-plus --savemain.jsimport ElementPlus from

2022-03-18 10:19:28 304

原创 JS 乘小数失精度问题

let a = 60let sumsum = a * (0.03*100) / 100console.log(sum)

2022-02-11 16:25:52 420

原创 filter的使用

var arr = [{ a: 1,b:8,sex:1 },{ a: 2,b:8,sex:1 },{ a: 3,b:8,sex:0 }]let a = arr.filter(item => item.sex == 0)console.log(a) // [ { a: 3, b: 8, sex: 0 } ]

2022-02-08 10:39:56 265

原创小程序置顶方法

if(wx.pageScrollTo) { wx.pageScrollTo({ scrollTop: 0 }) }

2022-01-26 18:10:20 705

原创 uni.app 跳转

1.跳转到 tabBar 页面只能使用 switchTab 跳转uni.switchTab({ url: 'pages/news/news', })2.跳转到非 tabBar 页面只能使用 navigateTo跳转 uni.navigateTo({ url: 'pages/news/news' });...

2021-09-17 15:11:36 339

原创微信 Vue:解决“此图片来自微信公众平台未经允许不可引用”问题的方法

2021-09-10 09:40:53 868 1

原创手写Promise的实现

console.log(1) let myPromise = new Promise(function(resolve,reject){ setTimeout(()=>{ console.log(2) console.log(3) console.log(4) ...

2021-08-18 16:43:56 140

原创 vue 子组件向父组件传递多个参数接受

子组件：父组件：

2021-07-28 10:45:31 416

原创 element table 插槽的使用

1：永久2.临时<el-table-column prop="QRCODE_TYPE" label="类型" width="180" align="center" > <template slot-scope="scope"> <span v-if="tableData[scope.$index].QRCODE_TYPE == 1"&.

2021-07-22 15:30:10 847

原创 element-ui from表单居中

父元素：text-align: center子元素：display: inline-block<el-row style="text-align: center">  <el-col> <el-form-item label="一级归属" prop="primaryOwnership" s.

2021-07-08 18:00:27 19560

原创 JS字符串修改最后一位的值

var str='123456';var length=str.length;var arr = str.split('');arr[length-1] = '0';str=arr.join('');console.log(str);

2021-05-11 10:30:13 1137

原创 Js 深拷贝和浅拷贝

浅拷贝(作用于对象和数组)let a=[0,1,2], b=a; b[0]=1;console.log(a); // [1,1,2]console.log(a); // [1,1,2]深拷贝(作用于对象和数组)JSON.stringify() 方法用于将 JavaScript 值转换为 JSON 字符串。JSON.parse() 方法将数据转换为 JavaScript 对象。let a=[0,1,2,3,4], b=JSON.parse(JSON.stringif.

2021-04-22 16:52:55 96

原创 element-ui table列设置fixed后做动态表格出现表格错乱

解决前解决后在el-table中添加如下代码:key="index + Math.random()"

2021-04-09 11:26:43 454

原创 JS 按照某个属性排序数组里的元素(sort排序法)

var data = [{ name : "a", age : 22 }, { name : "b", age : 21 }, { name : "c", age : 25 }, { name : "d", age : 20 },]; //定义一个比较器 function compare( propertyName) { return function( object1,

2021-03-26 17:09:55 282

原创 element 日期控件禁止选择未来日期

HTML <el-form-item label="日期："> <el-date-picker v-model="queryDate" value-format="yyyyMMdd" type="date" placeholder="选择日期" :picker-options="pickerOptions".

2021-03-24 17:02:06 1092

原创 element Dialog对话框取消点击外面会关闭

添加属性close-on-click-modal="false"

2021-03-24 10:36:55 908

原创 element table 合并列相同数据

table 添加方法:span-method="objectSpanMethod"JS 方法 objectSpanMethod({ row, column, rowIndex, columnIndex }) { if (columnIndex === 4) { const _row = this.spanArr[rowIndex] const _col = _row > 0 ? 1 : 0 return { .

2021-03-23 15:25:35 577

原创 element table 条件判断显示不同颜色的文字

table添加方法:cell-style="cellStyle"JS（列从0开始） cellStyle({ row, column, rowIndex, columnIndex }) { debugger if (row.warningTips === '偏高' && columnIndex === 8) { console.log(row.status) return 'color: #fd5757' } .

2021-03-23 14:35:00 1025

原创 element Transfer 穿梭框内容太长显示...，鼠标移动上去显示全部

CSS设置宽度和显示点 .el-tree-node__content{ width: 200px; } .el-tree-node__label{ overflow: hidden; word-break: keep-all; white-space: nowrap; text-overflow: ellipsis; }JS 鼠标移动上去显示全部文字组件内添加方法@mouseover.native="addTitle"方法 ad.

2021-03-22 10:26:00 1759 2

原创 VScode 常用插件

查看已安装软件：@installed

2021-03-16 14:52:11 114

原创 JS 带children的数组添加不重复的id

var data = [{ date: '2016-05-02', name: '王小虎', address: '上海市普陀区金沙江路 1518 弄'}, { date: '2016-05-04', name: '王小虎', address: '上海市普陀区金沙江路 1517 弄'}, { date: '2016-05-01', name: '王小虎', address: '上海市普陀区金沙江路 1519 弄', child

2021-03-16 11:25:23 481

原创 JS对象中添加新的属性及修改字段名

arr[0]["sex"]="男"

2021-03-08 14:42:55 1458 1

原创 element-ui table 表头错位

修改前：修改后：CSS：body .el-table th.gutter{ display: table-cell!important;}

2021-03-08 11:02:54 209

原创 vue 动态绑定样式和修改

HTML<el-button class="formButton" @click="switchForm()" v-bind:style="{ color: activeColor,background: activeBackground }">表格</el-button>data activeColor: '#000000', activeBackground: '#ffffff',JS switchForm() { thi..

2021-03-05 15:23:50 405 2

原创 element table内容太长显示... hover的宽度更改

element 控件里写:show-overflow-tooltip="true"CSS.el-tooltip__popper{ max-width:50% }

2021-03-01 15:49:37 345

原创 element-ui 使用ref清空input数据

this.$refs.modelPlanRef.reset()modelPlanRef ref的名字ref=“modelPlanRef”

2021-03-01 13:43:43 1389

原创 element-ui table操作中按钮的显示

操作中新增最后一个显示其他不显示<span size="mini" style="color: #2a76cd;margin-left: 20px" v-if="scope.$index === tableData.length - 1">新增</span>tableData table定义的内容

2021-01-27 10:49:51 582

原创 elemnt-ui table表格线对不齐

在app.vue文件中添加body .el-table th.gutter { display: table-cell !important;}

2021-01-13 13:34:18 280

原创 element select内容溢出显示点且不换行

.el-select__tags { flex-wrap: nowrap; overflow: hidden; } .el-select__tags-text{ display:inline-block; max-width:100px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .el-tag .el-icon-cl...

2021-01-04 15:48:47 679

原创 element-ui el-input-number 输入框不显示数字，默认清空

<el-input-number v-model="num" @change="handleChange" :min="1" :max="10" label="描述文字"> </el-input-number>data中写num:undefined

2020-12-25 17:07:15 4391

空空如也

空空如也