- 博客(23)
- 收藏
- 关注
原创 数组取最大值或者最小值
数组取最大值或者最小值let arr =['10','20','30','40'] //数组max(arr) // 使用function max(arr) { var num = arr[0]; for (var i = 0; i < arr.length; i++) { if (num < arr[i]) { // 取最小值时调整判断 if (num > arr[i]) num = arr[i] } } return num;
2022-02-28 09:56:25
308
原创 vue dom-to-image
在vue中使用dom-top-image,可截取有滚动条的页面,支持多种格式使用dom-top-image 获取页面png格式截图,并下载到PC,安装npm install dom-to-image在页面中引用import domtoimage from 'dom-to-image'使用方法获取页面dom, 下载到本地本来是用的是window.saveAs,打包后出现未知错误,导致下载失败,更换下载方法, shotPic () { const that = this
2021-09-02 15:31:20
2483
转载 划线价
text-decoration:line-through;//中划线text-decoration:overline;//上划线text-decoration:underline;//下划线
2021-04-30 10:27:48
181
原创 element 表单数字类型验证
绑定时在v-model后加number , v-model.number=“model.orderValue”<el-input v-model.number="model.orderValue" size="small" type="textarea" show-word-limit :resize="'none'".
2021-04-21 09:18:26
883
原创 element表单绑定数组,label自定义 ,
element表单绑定数组,后台返回 data: [“内容”,“标题”,“状态”] 格式数组, 把后台返回数组绑定到表单label上代码 // 循环数组 <el-form-item v-for="(item, index) in Variables" :key="index" :prop="ruleForm.content[item]" :rules="{ required: t
2021-03-30 10:17:39
2207
原创 vscode常用快捷键
vscode常用快捷键持续更新快捷键功能shift + 上下左右方向键移动光标,选中移动区域ait + 上下方向键上下移动选中区域,Ctrl + X剪切Ctrl + C复制Ctrl + Shift + K删除行2Shift+ Alt格式化文档Ctrl + F查找选中文字...
2021-03-19 15:11:10
173
原创 tui-editor富文本编辑器组件
tui-editor富文本编辑器记录项目中使用富文本编辑器安装 npm init & npm install --save tui-editor创建组件文档 tuieditor在 default-options.js中 // doc: https://nhnent.github.io/tui.editor/api/latest/ToastUIEditor.html#ToastUIEditor export default { minHeight: '2
2021-03-19 12:05:01
8057
1
原创 网页设计中常用的CSS命名规则
网页设计中常用的CSS命名规则:头:header <div class="header"></div> 内容:content/container尾:footer导航:nav侧栏:sidebar栏目:column页面外围控制整体布局宽度:wrapper左右中:left right center登录条:loginbar标志:logo广告:banner页面主体:main热点:hot新闻:news下载:download子导航:subnav菜单:me..
2021-01-20 20:26:33
386
原创 css给最后一个数组加类名
给最后一个数组加类名 class="{{index===goodList.length-1?'goodList-final ':''}}"
2020-09-09 18:26:23
343
原创 微信小程序隐藏 scroll-view 滚动条
微信小程序隐藏 scroll-view 滚动条/* 隐藏滚动条 */::-webkit-scrollbar { width: 0; height: 0; color: transparent;}
2020-09-09 17:51:50
299
原创 给v-for循环中的最后一个数组加不同的样式
给v-for循环中的最后一个数组加不同的样式 <div v-for="(items, index) in goodList" :key="index" ref="rItem" :class="index===goodList.length-1?'goodList-final ':''" > </dev>然后添加样式.goodList-final
2020-09-02 14:23:13
2565
2
原创 三元运算符
三元运算符判断一种条件orderData.order_type==5?'我的提交':'详情订单'同时判断两种条件orderData.order_type==5?'我的提交': (orderData.order_type==4? "会员卡详情" :'详情订单')
2020-07-30 19:45:47
269
原创 setInterval 倒计时 清除倒计时 clearInterval
倒计时清除 setInterval倒计时5s后跳转页面, clearInterval(this.handler); 清除倒计时不执行倒计时里面的跳转, 点击事件强制跳转到其他页面 并且清除 倒计时任务 // 倒计时 cutDown() { this.handler = setInterval(() => { // 路由跳转后 倒计时没有清理 在点击跳转时清除定时器 this.second--;
2020-07-30 19:41:25
1984
原创 props父组件传值 子组件接收
props父组件传值 子组件接收小菜鸟> 父组件传入值> // 用 v-bond="post" 传入 <getcode v-bind="post" ></getcode>retutn{ post: { background:'#fff', width:296, height:231 },} 子组件接收 检测类型 type: Number,
2020-07-29 09:28:55
756
原创 vue拖拽图片认证
vue 拖拽图片验证手机端效果 做了两套事件,没有放到一块做兼容, 拖拽认证 做了两套事件,没有放到一块做兼容, 有空做兼容@mousedown=“sliderDown”@touchstart=“touchStartEvent”@touchmove=“touchMoveEvent”@touchend=“touTouchend” // 在另一个组件引用 &l
2020-07-28 18:41:53
855
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人