- 博客(7)
- 收藏
- 关注
RSS订阅原创 el-upload手动上传和自动上传汇总
2、通过点击按钮手动调用上传函数，创建一个FormData,调用upload组件的submit方法的时候会循环调用http-request配置的方法，从而往FormData存储文件。当设置了 :auto-upload="false" 的时候， before-upload是不会被触发的，通常将方法写在 on-change 中做判断；======================== 方式二 ===========================================（2）用户二次上传文件时，
2024-12-25 11:23:21
1124
1
原创 el-select 数据源为空时，prefix 不展示问题
组件时不时会有出人意料的bug，不要慌慢慢发现问题。上面是我的解决方法，可能不是很好，如果有更好的解决办法，欢迎评论。
2024-12-05 09:43:31
353
原创 vue利用ref实现父子组件通信及避坑
2、ref需要在dom渲染完成后才会有，在使用的时候必须确保dom已经渲染好。比如在生命周期mounted(){}中调用，或者在this.$nextTick(() => {})中调用；1、通过:ref = 某变量 来添加ref（即添加了：号），如果想获取该ref时需要添加[0]。
2023-07-22 11:03:37
325
原创 vue中.sync详解
白话理解：一个组件只能定义一个v-model，如果其他的prop也要实现双向数据绑定的效果，简单的方法就是：给子组件绑定一个自定义事件，父组件监听该事件，然后更新prop。但是这种方法又比较麻烦，官网解释：在有些情况下，我们可能需要对一个prop参数进行数据“双向数据绑定”。但是，真正的双向绑定会带来维护上的问题，因为子组件可以变更父组件，且再父组件和子组件两侧都没有明显的变更来源。带有.sync修饰符的v-bind不能和表达式一起使用，只能传递你想绑定的属性名。就是被设计出来简化这种操作的。
2023-07-22 10:10:36
4954
1
原创 vue中获取el-table的一行数据进行修改
因为我这里是使用的封装的el-table组件，所以this.$refs.tableList代表当前的组件tableList，$refs.tableList代表tableList中使用的el-table组件，而selection就代表了当前选择的行数据。需求：有时候我们需要点击el-table中的一行数据进行回显并修改，这时候就可以利用computed计算属性来获取当前选择的数据。4、当点击修改按钮时给form表单赋值。3、**获取当前行的数据**1、**修改的对话框**2、**form表单**
2023-07-05 18:22:30
3289
原创 在vue中设置图片下载到本地
1、Image对象是JS中的内置对象，它代表嵌入的图像。使用new Image()来创建一个image对象，利用onload事件解决图片加载慢的问题。crossOrigin是image对象的一个属性值，指定CORS的访问设置，anonymous表示匿名访问，可以用来解决跨域问题。它本身就是一个画布，可以用于绘制图表、制作图片构图或者制作简单的动画。主要聚焦于2D图形。2.3使用drawImage方法绘制。2.2 决定二维还是三维图像。是一个可以使用脚本 (通常为。
2023-06-11 17:52:41
5029
3
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人