- 博客(5)
- 收藏
- 关注
RSS订阅原创 vue利用ref实现父子组件通信及避坑
2、ref需要在dom渲染完成后才会有，在使用的时候必须确保dom已经渲染好。比如在生命周期mounted(){}中调用，或者在this.$nextTick(() => {})中调用；1、通过:ref = 某变量 来添加ref（即添加了：号），如果想获取该ref时需要添加[0]。
2023-07-22 11:03:37
295
原创 vue中.sync详解
白话理解：一个组件只能定义一个v-model，如果其他的prop也要实现双向数据绑定的效果，简单的方法就是：给子组件绑定一个自定义事件，父组件监听该事件，然后更新prop。但是这种方法又比较麻烦，官网解释：在有些情况下，我们可能需要对一个prop参数进行数据“双向数据绑定”。但是，真正的双向绑定会带来维护上的问题，因为子组件可以变更父组件，且再父组件和子组件两侧都没有明显的变更来源。带有.sync修饰符的v-bind不能和表达式一起使用，只能传递你想绑定的属性名。就是被设计出来简化这种操作的。
2023-07-22 10:10:36
4130
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
2918
原创 在vue中设置图片下载到本地
1、Image对象是JS中的内置对象，它代表嵌入的图像。使用new Image()来创建一个image对象，利用onload事件解决图片加载慢的问题。crossOrigin是image对象的一个属性值，指定CORS的访问设置，anonymous表示匿名访问，可以用来解决跨域问题。它本身就是一个画布，可以用于绘制图表、制作图片构图或者制作简单的动画。主要聚焦于2D图形。2.3使用drawImage方法绘制。2.2 决定二维还是三维图像。是一个可以使用脚本 (通常为。
2023-06-11 17:52:41
4932
3
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人