yun_shuo的博客

vue3+vite+electron office 桌面端 文件内容扫描工具

vue实现录音及与服务端通信,包含:socket和http通信

vue3中子组件向父组件传值分以下几步1、定义emits,emits的定义是与component、setup等这些属性是同级。例如emits此时是作为数组，它也可以接收一个对象2、方法中使用与之前的用法不同的是，现在需使用ctx.emit，其中ctx是setup中第二个参数，也就是上下文对象3、在父组件上定义同名方法接收4、父组件接收方法的参数为子组件传递的参数...

在含标签页项目中,由于标题过长往往会设置溢出隐藏的效果,所以当鼠标停留在标题时需要有该标题完整信息的提示文字,才有好的体验,具体效果如下图.对于提示文字elementplus也提供了Tooltip组件.关键:使用标签页中提供的Tab-pane Slots(插槽)可很好的实现,具体代码如下 <el-tab-pane v-for="item in editableTabs" :key="item.name" lazy > <t

vue3聊天定位到最下面在vue中做聊天功能时,消息模块通常是固定高度后设置overflow:auto;但当消息过多后,会产生滚动条,这时将消息默认定位到底部可以利用scrollIntoView()方法。关键代码如下；nextTick(() => { chatRoom.value.lastElementChild.scrollIntoView() })scrollIntoView()方法将调用它的元素滚动到浏览器窗口的可见区域。nextTick()是将回调

vue3中实现录音发送等功能在vue项目中做聊天功能中涉及到语音发送功能,搭配js-audio-recorder插件的使用,能很好的帮助我们开发，下面是具体使用步骤。第一步npm安装js-audio-recorder插件包npm i js-audio-recorder第二步在需要使用的组件中导入插件import Recorder from 'js-audio-recorder'第三步在setup中定义响应的方法const data = reactive({ //用于存储创建的语