首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
vue3+ts
你不会困
创建于2022-12-10
订阅专栏
学习vue3
等 1 人订阅
共31篇文章
创建于2022-12-10
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
element的表格列过滤,实现自定义方法
首先了解一下表格列的筛选 这里是对当前的表格的每一行进行过滤,缺点就是要每一行都进行过滤,如果操作不当就会导致死循环,页面卡死,并且不能进行全局过滤,也就是只能分页的这一页,后面的分页数据不会过滤,导
优雅封装echarts
未封装之前,一个图表一个组件,看了里面的代码,除了data和options不一致,其他代码都是可以复用的,就想着去封装一下 这是封装之后的代码 看一下index.ts文件 使用的是函数根据data返回
vue3的全局变量
vue2.x挂载全局是使用Vue.prototype.$xxxx=xxx的形式来挂载,然后通过this.$xxx来获取挂载到全局的变量或者方法 在vue3.x这种方法显然是不行了,vue3中在setu
ElMessage多次弹窗问题
在封装请求拦截器时,使用ElMessage进行弹窗提示成功或失败,但是如果页面用到多个接口,这时就会导致页面出现很多弹窗,导致用户体验不好,有可能出现卡顿, 这时就需要进行一些判断,如果前面的ElMe
icon自定义字体图标 bug踩坑
开发时本地环境运行,icon正常显示,一打包就发现icon首次不显示,刷新一下就显示正常,路由跳转到其他页面再回来也不显示,一开始以为是webpack打包导致css丢失,控制台也报错 后面查看发现是自
vue路由未登录跳转,登录后跳转回原链接
在路由守卫这里做相关的逻辑 关键代码next({ path: '/login', query: { redirect: to.fullPath } }),在跳转到login页面时将路径和参数存到地址栏
nginx访问md文件在vue项目展示
如果把md文件放到服务器上面,浏览器直接访问会直接下载,nginx配置md文件访问是md /help/images是配置图片路径 vue项目安装 npm install markdown-it --s
低代码平台组件动态icon展示需求
需求是,一个组件由list组成,list里面的对象代表一个模块,一个模块里面又有icon这样的一个list进行icon展示,当list为[]时不展示icon,不为空是根据icon展示对应的icon,组
vuedraggable拖拽删除实现
vuedraggable做组件化拖拽实现了排序,但是想实现拖拽到某一个位置进行删除, 看了官方文档没有相关的demo 简单实现的demo 看了一个demo是两个vuedraggable组件可以进行拖拽
el-upload new FormData上传文件
el-upload可以自定义上传方式,这种方法很少用,一般都是直接action直接上传,但是实际工作还是会有要求加密之类的,自己封装好的axios有加密,上传再封装一个是没有必要的,所以可以使用new
在线练习typeScript
网站 typescript-exercises 一共有16题 1、构建一个User类使其不报错 2、构建一个Person类 将 Person 定义为 Admin 和 User 的联合类型 3、自动推断
pinia使用
安装pinia 安装数据持久化 mian.ts导入 分模块 默认的pinia数据持久化的设置和按需设置 页面使用
element Plus el-date-picker无法支持时间戳
后端要求数据要时间戳,如果使用函数封装要考虑拿到数据转成日期格式回显,选择之后要转成时间戳提交,写成两个函数也可以,就是可能后期维护有点麻烦,所以我这里考虑使用computed的get和set。 el
vue3一款的markdown编辑器:md-editor-v3
今天想要开发一个页面支持markdown编辑器, 使用的是md-editor-v3 作者的使用说明有点不是很清楚,callback回显有问题,想二次封装,后续多个页面可以使用 子组件使用的是props
el-dialog二次封装@close和取消按钮的@click调用两次
el-dialog二次封装@close和取消按钮的@click共用一个函数会导致函数调用两次,这里的需要判断dialogVisible是不是已经关闭,关闭了就不再调用,这样就只会调用一次函数
低代码平台拖拽实现逻辑
页面分为左中右三栏,左边物料栏定义key,中间是定制的div,右边是设置属性 代码目录 最外层的div 点击切换json进行设置元素的背景色,这里使用的是import Draggable from "
vue3 路由跳转空白,刷新页面不会空白
vue3 路由跳转空白,刷新页面不会空白 原因是,没有给router-view动态添加key,key根据路径+随机数即可
el-table实现单元格编辑
``` const editName = (row, column) => { row[column.property + 'isSho
vue3+ts excel文件导出导入到el-table
vue3+ts excel文件导出导入到el-table 安装 npm install --save xlsx file-saver npm install @types/file-saver --s
ts实现简易的proxy对象代理
这里使用Reflect来操作对象的属性,get和set 具体代码 原理就是定义一个方法去返回一个proxy对象,从而实现基本操作的拦截和自定义(如属性查找、赋值、枚举、函数调用等),要使用 Proxy
下一页