- 博客(9)
- 收藏
- 关注
RSS订阅原创 父组件通过v-for循环调用子组件中的方法报not a function解决办法
最近项目中遇到一个问题， 就是我在父组件中通过v-for生成了多个相同的子组件，然后在父组件中想要调用子组件的方法时出现了not a function的报错。最后解决方案是 在子组件的ref中绑定了动态ref 然后再去调用方法
2022-11-10 15:16:45
565
原创 前端实现图片压缩，限制大小和宽高
最近公司开发业务里有个需求是对上传图片进行压缩限制大小。实现限制大小的时候，采用的是二分法。// 图片压缩大小至40kb， device为二分法压缩次数// 这里压缩次数由图片大小去控制，可以多尝试几个数，来达到最好的压缩效果 CompressorImage(file, size = 40, device = 10) { return new Promise((resolve) => { const reader = new FileReader() // 创建
2021-09-16 16:08:12
2322
2
原创 web前端压缩图片并上传
开发项目的时候碰到一个需求，由于用户的上传图片过大，需在上传前先将图片压缩到指定尺寸大小，再进行上传实现步骤关键代码：export const compressImg = (file: File): Promise<File> => { return new Promise((resolve) => { if (file.size > 3 * 1024 * 1024) { const reader = new FileReader(), .
2021-08-10 12:07:05
663
原创 vue+ts开发项目时需注意的内容（持续补充）
最近开发的项目大多使用vue+ts，由于没有系统学习过ts，所以将项目中遇到的记录下来，以便以后查看修改路由跳转时用params/query传参，子页面接收参数export default class voucherDetail extends Vue { type: any = '' // 声明变量类型 mounted() { // 在mounted中赋值 this.type = this.$route.params.type }}get type() {
2021-07-16 17:25:37
140
原创 Vue+ts开发h5项目时引用百度地图报BMap问题
最近在用vue+ts开发h5项目时，有一个页面用到了vue-baidu-map，运行里面的搜索功能时，控制台一直报如下错误解决方法：
2021-06-07 11:11:00
640
原创 element表格组件双击编辑问题记录
element表格组件双击编辑问题记录最近在开发vue-element表格时，有双击可编辑需求，现记录一下关键代码html：data给需要编辑的属性加上isEdit属性，并默认false通过element表格的双击事件 修改对应的isEdit 红圈是重点，修改了isEdit之后只有加上this.tableData.splice() 视图才会有更改，input框才会出现失焦事件将所有的isEdit都改为false，让其从input框变为span...
2021-03-31 16:22:25
338
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人