vue3
南风number
好记性不如烂笔头
展开
-
深入理解vue插槽
然后 我们在子组件中 通过调用 slots.xxx 即插槽的名字 返回的是对应的虚拟dom,(数据结构之所以是数组对象 因为插槽中的节点可能是多个 )父组件中我们在子组件中嵌套插槽,在子组件中我们使用template模板写下对应的插槽。我们都知道vue的插槽及使用,一下是探究他的背后,不对的地方欢迎指正。最终的效果是和 template 写出来的一样的。实际上父组件中经过编译传递给子组件的插槽是函数。footer是传的动态插槽。head是传的作用域插槽。title是传的具名插槽。原创 2023-06-02 09:03:11 · 593 阅读 · 1 评论 -
vue3+ts实现给图片增加水印-自定义指令
vue3+ts实现给图片增加水印-自定义指令原创 2022-11-04 15:29:39 · 869 阅读 · 0 评论 -
vue前端解析导入实现
vue前端导入解析excel原创 2022-10-25 14:30:42 · 307 阅读 · 0 评论 -
vue前端实现导出excel方案,核心通用js
【代码】vue前端实现导出excel方案,核心通用js。原创 2022-10-25 11:19:16 · 427 阅读 · 0 评论 -
vue3国际化
vue3国际化原创 2022-09-09 20:11:17 · 253 阅读 · 0 评论 -
vue3 webpack项目中svg图标处理方案
目录结构背景:在我们的项目中所使用的 icon 图标,一共分为两类:1、element-ui等第三方组件库icon2、自定义的 svg 图标对于element-plus的图标我们可以直接通过 el-icon 来显示,但是自定义图标的话,我们暂时还缺少新显示的方式,所以说我们需要一个自定义的组件,来显示我们自定义的 svg 图标那么这种自定义组件处理 自定义 svg 图标的形式,就是我们在面临这种问题时的通用解决方案那么对于这个组件的话,他就需要拥有两种能力。...原创 2022-08-05 15:35:35 · 1476 阅读 · 1 评论 -
vue3+ts封装echarts
项目中用到echarts,简单的封装可以少写很多代码2、src下新建文件夹 base-ui,存放基础组件3、base-ui下新建echart文件夹4.3、index.ts文件内容如下:hooks下useEchart.ts内容如下4.4、data下china.json文件内容如下5、基于基础组件封装业务组件建立目录结构如上图这里只写饼图例子pie-echart.vue内容如下types下index.ts内容如下page-echarts src下index.ts内容如下...原创 2022-07-11 11:09:10 · 762 阅读 · 0 评论