
vue
绝美焦栖
这个作者很懒,什么都没留下…
展开
-
子组件递归调用无法emit触发传值
子组件递归的时候,我向父组件进行了emit事件触发传值,但是并没有触发成功子组件封装了一个递归组件,所以给父组件传值的时候只用最外层点击的值能传给父组件,递归调用的部分不行,后来查了好久发现,递归调用子组件时$emit方式不适用,没法通过这种方法传值给父组件。在递归组件中,子组件会会自己调用自己,那么在递归组件中用$emit回传的父组件不一定是真正的父组件,在这种情况下,可以使用vue一个单独开辟的文件store/index.js存储数据,不受多级调用的影响,即在任何地方都能拿到里面的值。...原创 2022-04-18 10:51:57 · 976 阅读 · 0 评论 -
vite替换webpack项目
按需引入官网步骤自动按需引入,ElMessage没有样式解决方案:在main.ts中引入element-plus样式注:看自己引入包的位置nodemodulesimport 'element-plus/lib/theme-chalk/index.css';el-image图片路径FAILE这个还真不知道是因为什么,后续补充解决方案将el-image标签替换为image标签,图片路径可以取别名或者用绝对路径...原创 2022-01-21 17:44:36 · 1029 阅读 · 0 评论 -
vite+ts搭建项目,集成axios、vuex、router、less
vite+ts搭建项目掘金地址后期再整理原创 2022-01-20 09:02:19 · 2192 阅读 · 0 评论 -
yarn报“文件名、目录名不正确“
yarn报“文件名、目录名或卷标语法不正确”错误的解决方案这个踩坑有点绝,之前貌似也踩过,记录一下问题在研究vite打包方式的时候,创建项目文件名、目录名或卷标语法不正确在网上找了很多解决方案,在掘金找到一篇解决了我的问题原因电脑的yarn目录和安装的模块不在相同的硬盘分区里导致的,解决问题的应该是因为yarn默认安装在C盘(即运行缓存数据和安装目录都在C盘)了。方案1.首先查看yarn命令的目录yarn global bin2.再查看yarn的全局安装位置yarn global原创 2022-01-19 15:33:38 · 1084 阅读 · 0 评论 -
echarts+vue绘制图形
已经踩了两次坑了,所以还是要记录一下在echarts绘制图形的时候,数据取到了,在mounted中初始化echarts,一直进行不下去,数据出不来,打印日志也没有任何反应。vue是单页面应用,只加载一次资源,然后下面的操作交互、数据交互是通过router、ajax来进行,页面并没有刷新;<div ref="chartLineBox" style="width: 800px;height: 500px;"> </div>mounted() { (this as a原创 2021-05-21 14:51:23 · 363 阅读 · 0 评论 -
vue使用全局less样式部署
vue使用全局less样式部署一:通过vue安装(这种方式安装的时候,有几个报错,但是没有影响我的使用)vue add style-resources-loader二:yarn或npm安装yarn add style-resources-loaderyarn add vue-cli-plugin-style-resources-loader安装好后记得在main.ts中全局引入,并且在vue.config.js中配置相关处理器const path = require('path');原创 2021-05-13 17:12:00 · 191 阅读 · 0 评论 -
vue+ts+echarts绘制图表失败
这里写自定义目录标题vue+ts+echarts绘制柱形图失败vue+ts+echarts绘制柱形图失败问题描述是显示不出来任何信息,包括表头什么的很多人说是版本问题,我换过了,并不是。然后通过debug发现,我的option根本没有获取到,或许该换种方式写(this as any).chartLine = (this as any).echarts.init(this.echarts.init(this.echarts.init(this.refs.chartLineBox as HTMLD原创 2021-03-25 19:51:35 · 291 阅读 · 0 评论