摘要: 1、弃用全局API new Vue,使用createApp const app = Vue.createApp({}) 2、需要手动挂载根节点 app.mount("#app") 3、弃用Vue.prototype,在Vue3中,使用如下定义方式 const app = Vue.createApp( 阅读全文
posted @ 2021-04-25 18:03 静水思流 阅读(708) 评论(0) 推荐(0) 编辑
摘要: 问题:vue页面跳转使用path和query传参(传入整个对象),因为这样再次刷新页面参数还会保留,但是发现一个问题,再次刷新的时候,获取到的参数变成了[object object],原因是因为string({}) ,把对象转为了字符串 如图: 路径携带的参数 打印出来的参数 解决方法: 第一种:使 阅读全文
posted @ 2021-04-19 10:41 静水思流 阅读(1759) 评论(0) 推荐(0) 编辑
摘要: 以下列数据为例,总共有13条数据, 把label相同的数据,里面的children合并成一个 代码在最后 1、初始化数据 2.结果 3.代码 let testArr = [ { label: "考区/考点", prop: "deptNames", row: true, search: true, w 阅读全文
posted @ 2021-04-13 18:15 静水思流 阅读(4095) 评论(0) 推荐(0) 编辑
摘要: 1、分析原因 主要是因为,我把echats图表的代码封装成一个方法,在页面中多次调用,而页面中创建的dom节点都是同一个,每次运行都会init一个echarts实例,所有就会出现上面的警告信息 2、解决方法 使用echarts.getInstanceByDom() 方法判断是否已经存在echarts 阅读全文
posted @ 2021-04-07 15:37 静水思流 阅读(2463) 评论(0) 推荐(0) 编辑
摘要: 1、第一种方法,如下图 2、第二种方法,如下图 本质都是一样的 阅读全文
posted @ 2021-04-07 15:27 静水思流 阅读(951) 评论(0) 推荐(0) 编辑
摘要: 1、如果直接在elementUi 弹出框中注册一个ref ,打开页面的时候echarts并没有显示,并且控制台会报错 这是因为dom没有渲染,解决方法使用$nextTick()方法,最好写在弹出框出现之后的 2、第二种方法,把this.$nextTick写在 open 事件里面 参考地址:https 阅读全文
posted @ 2021-04-07 15:24 静水思流 阅读(2250) 评论(0) 推荐(0) 编辑
摘要: 第一步:下载 echarts 5 npm install echarts --save 第二步:在util文件夹下,新建了一个echartsUi.js文件 (这个文件存放位置,依据自己需求) 第三步:在这个js文件中,按照官方介绍,按需引用 // 引入 echarts 核心模块,核心模块提供了 ec 阅读全文
posted @ 2021-04-07 15:15 静水思流 阅读(8220) 评论(0) 推荐(0) 编辑
摘要: 效果如下: 需求分析:项目中有个表格需要进行合并,并且知道是15行,行数固定,1-6行第一列和第二列进行合并,7-15行第一列进行合并;第7行第二列不需要合并,第8、9行第二列进行合并,第10,11,12行第二列进行合并,第13,14,15行第二列需要合并 最终代码: <template> <bas 阅读全文
posted @ 2020-12-29 15:09 静水思流 阅读(499) 评论(0) 推荐(0) 编辑
摘要: 1、需求:前台需要展示图片,期望后台直接返回图片地址,但是后台给的是的文件流而不是一个图片地址,需要把文件流转为base64的格式展示出来 2、在获取图片接口中需要添加responseType:"arraybuffer" 添加responseType之后获取的数据如下图 3、在需要的展示图片的位置添 阅读全文
posted @ 2020-12-25 10:04 静水思流 阅读(14430) 评论(0) 推荐(2) 编辑