屏幕适配方案——详细完整版
2024-08-16js屏幕适配方案,可让页面在不同屏幕下、放大缩小时保持不变形,适用于Vue2/vue3_vue大屏适配
vue3父子组件传属性和方法调用Demo
2024-08-16这里记录下自己学习vue3父子组件怎么传值和方法怎么互相调用,防止后面继续踩坑且方便以后直接使用。这里承接自己的博客[vue3 vite优化基础架构(3)--- 优化vue-i18n国际化配置](https://blog.csdn.net/weixin_48040732/article/details/138350103)这篇博客,在该博客项目的基础上学习vue3父子组件传值及使用。_vue3父组件调用子组件方法并传值
vue3 elementPlus 修改el-drawer 封装buttomSelector
2024-08-16elementPlus 修改css 封装移动端组件buttomSeletor_vue3 el-drawer
vue2项目集成canvas-editor文本编辑器
2024-08-16vue2项目集成 canvas-editor 富文本编辑器; canvas-ediotr并不是一款开箱即用的插件, 需要通过下载源码来进行手动集成到项目中;源码地址: https://github.com/Hufe921/canvas-editor官方文档: https://hufe.club/canvas-editor-docs/guide/schema.html本地运行结果:canvas-editor通过 vue3 TypeScript 进行编写的, 考虑到大部分的 vue2项目中并没有集_canvas-editor
vscode 之 工作区的应用(解决vue2插件vetur、vue3插件Vue - Official禁用启用问题)
2024-04-18工作区???为什么要工作区???首先工作区简单理解就是vscode工作时的区域、范围;延申一下,为什么要工作区???不同的环境需要用到不用的插件啊,设置啊等等,这个时候怎么实现,总不能写前端的时候也把java、c 需要的插件设置的什么打开(虽然应该可能大概也许这些语言不会使用vscode 开发,这里只是打个比方),都打开的话就会显得vscode 很重,然后vscode 说好的轻便呢?就前端而言,现在发展的速度很快,前段时间vue2,现在几乎都时vue3 TS,但是公司还是有vue2的项目,而。_vscode工作区
vue3中antd上传图片组件及回显
2024-08-16先引入:import AntdUploadFile from "@/components/base/UploadNew.vue";1.在项目components/base下新建UploadNew.vue文件(上传图片公共组件)})//点编辑时父组件传入的回显数据。_a-upload回显
vue3 TypeScript实现瀑布流布局
2024-08-16瀑布流布局(Waterfall Flow Layout)是一种常用于网页设计的布局方式,它可以实现图片或内容的自适应排列,使页面看起来更加美观和流畅。先看实现效果:下面是使用 vue 实现瀑布流布局的一般步骤:1.定义列数、行间距、列间距2.容器设置为相对定位、item设置为绝对定位3.获取容器宽度:容器总宽度-内边距(paddingLeft paddingRight)4.计算每列宽度:(容器宽度 - 列间距 * (列数 - 1)) / 列数5.获取每一个item的高度(需要放在nextTic_vue3.2 ts实现瀑布流
vue3 - 修改浏览器标题 htmlWebpackPlugin.options.title 的值
2024-08-15本文介绍了如何在Vue CLI 4.x环境中修改由HtmlWebpackPlugin生成的HTML文件标题。通过修改vue.config.js文件,访问webpack配置,找到HtmlWebpackPlugin插件并更新其options.title属性,从而实现浏览器标题的定制。
vue3中使用echarts,动态更新X、Y轴数据
2024-08-15vue3中使用echarts,动态更新X、Y轴数据。_vue3echarts数据更新的问题
极致爽文,tsx语法应用vue
2024-08-15在vue3中,是一个用于定义组件的函数API。允许你定义一个包含组件配置信息的选项对象,如组件的属性、方法、生命周期钩子等。类型推断支持:使用可以帮助TypeScript更好地推断组件的类型,从而提高开发效率和代码的健壮性。内部对组件选项对象进行一些处理,包括生命周期钩子的转换、模板的编译等,从而提供了一个统一的组件定义上下文,使得组件的定义更加清晰和一致。这里有个专门讲解defineComponent的文章 :https://juejin.cn/post/6994617648596123679。_tsx