- 博客(4)
- 收藏
- 关注
RSS订阅原创 Vue3兄弟组件通信方法
父组件A下有两个子组件a1和a2，A（a1，a2），现a2需要使用a1的方法a1Method。通过父组件A继续方法调用，A通过ref获取a1的方法，在通过emit把a1的方法传递给a2。中获取a1组件的方法，然后给a2组件绑定事件。中触发事件a2Use，就完成了。中暴露所需要传递的方法。
2024-06-28 12:04:45
341
1
原创 在Vue项目中封装Svg组件并全局注册
如果你之前按需导入了ElementPlus组件，那么此时你已经完成了全局注册Svg组件，因为按需导入ElementPlus组件的彩蛋就是会全局注册。2.将其粘贴到文件中，一个svg图标对应一个svg文件，记得删除fill属性（如需自定义颜色）传入3个参数，name为目标svg文件的名字，size为尺寸，color为颜色。文件夹下的所有组件，如果你没有按需导入它，请继续往下看。1.在www.iconfont.cn中复制svg代码。
2024-06-25 20:25:14
173
原创 Vue3中动态设置本地图片
如下图，意思为给父组件给子组件传递了一个叫做titile的prop，类型为字符串，值为xxxx。这样以来，我们就可以在子组件中接受这个值，并使用他。①获取了父组件传递的url字符串，使用如下代码将其转化为路径地址，URL()中第一个参数为url字符串，第二个参数为固定值。那么可以得出，下图即为父组件给子组件传递了一个本地照片的地址,其路径为assets文件夹下的bg.png图片。然而这样行不通的，原因很简单，父组件传入的url是一个字符串，子组件需要将其转化为路径地址只后才能应用。这样所有操作就完成了。
2024-06-14 19:22:33
469
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人