2024-02-06el-button type="primary" @click="handleOpenUserDialog">请选择用户在父组件中使用子组件 注意要使用ref: userDialogRef。这个名字就可以调用到组件中通过defineExpose暴露的方法。（1）导入上面定义的页面组件。（3）给组件取个ref名字。_vue3父页面调用子页面方法

https://www.qianduange.cn//article/1460.html 分类：前端知识

2024-02-06背景:有同学说我上一篇《vue 2.x 项目升级到 vue 3详细指南【总结版】》看的太费劲，让我直接整理一篇vue2.x 升级到 vue3 的修改清单，所以整理了此文章。vue 3.0 已经发布，很多人可能都在疑惑如何将自己的 vue 2.x 项目升级到 vue 3.0。这篇文章将详细地介绍这个过程。它引入了许多新特性和改进，包括更好的性能、更小的包大小、更好的 TypeScript 支持，以及新的 API，如 Composition API。_vue2升级vue3

https://www.qianduange.cn//article/1459.html 分类：前端知识

2024-02-06在前端开发中，选项卡（Tabs）是一种常见的界面元素，用于在不同的标签页之间进行切换。接下来，我们将创建一个名为Tabs.vue的组件，用于实现选项卡的功能。在模板中，我们使用了swiper组件并设置了ref属性为"swiper"，以便在后续的代码中使用。在swiper-slide标签中，使用v-for指令遍历tabs数组，生成对应的选项卡内容。通过上述代码，我们在父组件中引入了Tabs组件，并在模板中使用了Tabs标签来调用它。最后，在样式中，我们设置了选项卡容器的样式以及导航按钮的样式。_vue tab轮胎转动和切换联动

https://www.qianduange.cn//article/1458.html 分类：前端知识

2024-02-063、解析pdf，获取pdf所有页数据，使用canvas渲染，并使用TextLayerBuilder创建文本层，可以复制文本信息。在这里就是因为微任务导致，所以我们这里渲染pdf任务可以每次渲染完一页后等待一定时间才执行下一页的渲染，空出时间给主线程。在渲染pdf数据时，当pdf文件很大渲染量很多时，会导致页面卡住，无法执行其他操作；在滚动时当前是第几页的页码同步更新展示：需要在渲染每页pdf时将每页的高度存起来，以及每页滚动的临界值。在滚动时，根据当前滚动距离和每页滚动的临界距离相比较，判断当前是第几页。_vue pdf.js插件包打开本地pdf文件

https://www.qianduange.cn//article/1457.html 分类：前端知识

2024-02-06需求：将页面整成理想样式，将想要的那一部分页面导出成word,不用写模板，按照当前页面样式导出即可。第四步：获取dom节点myContainer并导出（我写的行内样式）第二步：给到处那部分的容器起个id名。第三步：在需要的地方引入依赖。第一步：安装需要的依赖。_vue html转word

https://www.qianduange.cn//article/1456.html 分类：前端知识

2024-02-06在vue3项目中，通过three.js实现了实际的三维效果demo，未来会继续深入研究，总之3D渲染图形是一个很好玩的东西，欢迎大家一起交流。_vue3 three.js

https://www.qianduange.cn//article/1447.html 分类：前端知识

2024-02-06pinia官方文档Pinia 的优点更多查看文档…在main.js中引入pinia并创建容器挂载到根实例上创建stores文件夹和index.js文件（这个文件以后基本不用管了）在stores文件夹下创建counter.js文件。这个文件就是存有关counter相关的数据。（类似vuex的模块化）defineStore 是需要传参数的，然后再组件中使用：运行效果： 可以用vue3的调试工具看pinia案例需求，点击按钮加一：一个不解构，一个不解构看看区别。运行结_vue3-pinia的使用《三》

https://www.qianduange.cn//article/1440.html 分类：前端知识

2024-02-06思路：Element Plus提供了样式变量，我的解决思路就是修改其样式变量。以上内容只修改部分按钮的点击效果，如需修改多个按钮，依次添加。注：如果全局引入页面的按钮不起作用，需要的单个页面中引入。然后将xxx.css 引入到页面中。1.新建外部样式 xxx.css。_vue按钮点击完颜色不还原

https://www.qianduange.cn//article/1427.html 分类：前端知识

2024-02-06HTML——实现富文本编辑器wangEditor的使用文章目录HTML——实现富文本编辑器wangEditor的使用一.导入wangEditor.JS二.直接引用文档链接三.包管理工具（node和bower 的下载）Node.js下载安装及环境配置bower的安装和使用引入实现背景：最近在写小说项目，关于发布文章需要用到富文本编辑器，由于还没学到vue，最实用的还是用wangEditor富文本编辑器。官方文档：http://www.wangeditor.com/使用手册：创建一个编辑器 · wang_html富文本编辑器

https://www.qianduange.cn//article/1424.html 分类：前端知识

2024-02-06使用vue3自带的Transition组件给页面组件之间切换加过渡效果，主要应用在移动端设备，改善用户的交互体验。_vue3路由切换动画

https://www.qianduange.cn//article/1421.html 分类：前端知识