随笔分类 -  vue学习笔记

摘要：<el-config-provider :locale="locale"> <el-date-picker v-model="selectDate" type="daterange" range-separator="-" start-placeholder="Start date" end-pla 阅读全文

摘要：遇到的问题： 1、图表在页面切换时请求结束需要操作dom，所以为组件添加保活机制 2、多个图表在一个页面中时，因为echarts是根据dom元素的id来初始化的，所以需要给组件赋予不同的id 3、在保活页面周期对图表进行绘制 demo代码 多个父组件：为了解决第二个问题，在父组件向子组件的传值中添加 阅读全文

摘要：<template> <button> 导入文件 <input type="file" @change="fileChange" accept=".*" :disable="disable"/> </button> </template> <script> data(){ return{ disab 阅读全文

摘要：在使用xlsx导出excel表格的时候，有时候我们需要将某些表格进行合并，该如何做呢，代码如下： import XLSX from 'xlsx'; // ... // xlsxData 是 Excel 的内容 const workSheet = XLSX.utils.aoa_to_sheet(xls 阅读全文

摘要：Computed（计算属性） computed是计算属性，类似于过滤器，对绑定到视图的数据进行处理，并监听变化进而执行对应的方法 computed是计算属性，也就是计算值，多用于计算值的场景 不支持异步，当computed内有异步操作时无效，无法监听数据的变化 computed具有缓存性，compu 阅读全文

摘要：生命周期： 整体变化不大，只是大部分生命周期钩子前+"on"，功能是类似的。需要注意的是，Vue3在组合式API中使用生命周期钩子时需要先引入，Vue2在选项API中是可以直接使用的。 //Vue3 <script setup> import {{生命周期钩子}} from 'vue' 生命周期钩子 阅读全文