- 博客(10)
- 收藏
- 关注
原创 vue3获取验证码并设置倒计时
<div class="input-group mb-3 px-5"> <span class="input-group-text">验证码</span> <input type="text" v-model="user.password" class="form-control" aria-label="Amount (to the nearest dollar)"
2022-01-14 12:15:13
1727
原创 在table中同时渲染多个echarts
一:使用:ref 把列表里面的数据传递进divs中,自定义了一个字段为dataChart用来接收数据 <el-table-column label="价格折扣率" width="220"> <template #header> <el-space wrap> <p class="align-bottom pt-3 fs-5">销量趋势</p> <el-tooltip
2022-01-05 18:45:35
601
原创 js通过canvas封装压缩图片的方法
export const zipImg = (data, maxWidth = 800, maxHeight = 800) => { var img = new Image() const canvas = document.createElement('canvas'); return new Promise((resolve, reject) => { //获取canvas2d的画布 const context = canvas.getContext('2d')
2021-11-25 19:53:35
238
原创 JS table数据转excel下载 原生方法
目的:实现点击导出当前列表数据step1:给列表组件一个id,获取列表元素的htmlstep2:在导出方法中 先获取我们要操作的数据 const Html = document.getElementById("table").outerHTML; const blob = new Blob([Html], { type: "text/xls", }); const url = URL.createObjectURL(blob);把获.
2021-10-21 17:40:55
280
原创 Vue父组件给子组件传参,子组件变化时父组件也随之变化
<div v-if="showEditDetail" style="margin-left:200px"> <el-popover popper-class="area_popper" placement="top" title="批量编辑" width="1200" trigger="manual"
2021-09-23 16:44:30
347
转载 input设置只能输入小数点后两位
1.在input的@keyup事件进行监听 <q-input outlined dense v-model="withdrawData.money" @keyup.native="keyupEvent($event,withdrawData.money)" class="card-input" :rules="[val=>!!val||'不能为空']">2.在methods中封装 keyupEvent(e,input){ e.target.value=e.ta
2021-09-06 13:54:47
461
转载 封装localstorage过期时间
在api里新建一个js文件内容:class Storage{ constructor(name){ this.name = 'storage'; } //设置缓存 setItem(params){ let obj = { name:'', value:'', expires:"", startTime:new Date().getTime()//
2021-08-28 16:48:52
109
原创 2021-08-28
vue在for循环中嵌套调用同步方法 async await不生效时的解决办法在项目中遇到我需要在一个for循环中多次同步调用一个方法,但是单纯的使用async await不生效this.do方法还是异步请求解决方法在do方法里面return 一个promisePS:记得写resolve()小白,如有错误欢迎指正。...
2021-08-28 16:39:39
65
1
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人