vue3+ts

首先了解一下表格列的筛选 这里是对当前的表格的每一行进行过滤，缺点就是要每一行都进行过滤，如果操作不当就会导致死循环，页面卡死，并且不能进行全局过滤，也就是只能分页的这一页，后面的分页数据不会过滤，导

未封装之前，一个图表一个组件，看了里面的代码，除了data和options不一致，其他代码都是可以复用的，就想着去封装一下 这是封装之后的代码 看一下index.ts文件 使用的是函数根据data返回

vue2.x挂载全局是使用Vue.prototype.$xxxx=xxx的形式来挂载，然后通过this.$xxx来获取挂载到全局的变量或者方法 在vue3.x这种方法显然是不行了，vue3中在setu

在封装请求拦截器时，使用ElMessage进行弹窗提示成功或失败，但是如果页面用到多个接口，这时就会导致页面出现很多弹窗，导致用户体验不好，有可能出现卡顿， 这时就需要进行一些判断，如果前面的ElMe

开发时本地环境运行，icon正常显示，一打包就发现icon首次不显示，刷新一下就显示正常，路由跳转到其他页面再回来也不显示，一开始以为是webpack打包导致css丢失，控制台也报错 后面查看发现是自

在路由守卫这里做相关的逻辑 关键代码next({ path: '/login', query: { redirect: to.fullPath } })，在跳转到login页面时将路径和参数存到地址栏

如果把md文件放到服务器上面，浏览器直接访问会直接下载，nginx配置md文件访问是md /help/images是配置图片路径 vue项目安装 npm install markdown-it --s

需求是，一个组件由list组成，list里面的对象代表一个模块，一个模块里面又有icon这样的一个list进行icon展示，当list为[]时不展示icon，不为空是根据icon展示对应的icon，组

vuedraggable做组件化拖拽实现了排序，但是想实现拖拽到某一个位置进行删除， 看了官方文档没有相关的demo 简单实现的demo 看了一个demo是两个vuedraggable组件可以进行拖拽

el-upload可以自定义上传方式，这种方法很少用，一般都是直接action直接上传，但是实际工作还是会有要求加密之类的，自己封装好的axios有加密，上传再封装一个是没有必要的，所以可以使用new

网站 typescript-exercises 一共有16题 1、构建一个User类使其不报错 2、构建一个Person类 将 Person 定义为 Admin 和 User 的联合类型 3、自动推断

安装pinia 安装数据持久化 mian.ts导入 分模块 默认的pinia数据持久化的设置和按需设置 页面使用

后端要求数据要时间戳，如果使用函数封装要考虑拿到数据转成日期格式回显，选择之后要转成时间戳提交，写成两个函数也可以，就是可能后期维护有点麻烦，所以我这里考虑使用computed的get和set。 el

今天想要开发一个页面支持markdown编辑器， 使用的是md-editor-v3 作者的使用说明有点不是很清楚，callback回显有问题，想二次封装，后续多个页面可以使用 子组件使用的是props

el-dialog二次封装@close和取消按钮的@click共用一个函数会导致函数调用两次，这里的需要判断dialogVisible是不是已经关闭，关闭了就不再调用，这样就只会调用一次函数

页面分为左中右三栏，左边物料栏定义key，中间是定制的div，右边是设置属性 代码目录 最外层的div 点击切换json进行设置元素的背景色，这里使用的是import Draggable from "

vue3 路由跳转空白，刷新页面不会空白 原因是，没有给router-view动态添加key，key根据路径+随机数即可

```                                 const editName = (row, column) => { row[column.property + 'isSho

vue3+ts excel文件导出导入到el-table 安装 npm install --save xlsx file-saver npm install @types/file-saver --s

这里使用Reflect来操作对象的属性，get和set 具体代码 原理就是定义一个方法去返回一个proxy对象，从而实现基本操作的拦截和自定义（如属性查找、赋值、枚举、函数调用等），要使用 Proxy