logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

Vue3:TS封装axios

/抛出get请求: any){

文章图片
#vue.js#typescript
Vue2:智能地址识别

在项目中,可能会有用户填写地址,需要做成一个类似购物复制用户地址提交货,拿取到用户的名称,电话,收货地址信息.使用: this.$refs.自己定义组件中的ref名称.(组件的变量 || 组件的方法名())ref: 可以拿取到 更改 或者调用组件的 变量 , 方法。二. 在需要获取地址的组件中引入插件。四: 页面中拿取到组件传递过来的数据。提示:需要引用组件地址和注册组件。

文章图片
#vue.js
Vue3:动态路由+子页面(新增、详情页)动态路由配置(代码全注释)

emm,项目中使用动态路由实现根据后端返回的用户详情信息,动态将该用户能够访问的页面信息,动态生成并且绑定到路由对象中。但是后端返回的不包含像是页面详情页,新增页的权限路由,如果前端在路由对象中写死的话,那每次进入页面都得判断是否将进入一个用户没有权限的页面,但是路由中有存在的。3.GetPossibleDetails 根据传递过来的信息,筛选出存在权限的数据, 转换成路由信息,因为如果在本地中已

文章图片
#vue.js#javascript#前端
NVM:node.js版本管理

nvm可以实现电脑安装和管理多个版本的node.js,一般情况下公司的新项目会采用较新的nodejs版本,一些老项目可能会使用老版本的nodejs,如果反复删除安装nodejs就很不方便,通过nvm可以实现直接下载nodejs、随时切换nodejs版本,大大减轻了前端程序员切换nodejs版本的时间成本。nvm uninstall// 卸载node.js是的命令,卸载指定版本的nodejs,当安装

文章图片
#node.js
element Tree 树形控件 父节点默认勾选,子节点的数据全部选中

需求,后台权限控制 , 前端传递给后端勾选中的 节点id , 后端返回树状结构数据.每个对象中有一个字段来标识是否勾选,由于传给后端的时候也需要把父节点的id传递过去.等到下次弹窗打开需要默认勾选中已经绑定过得权限节点,但是遍历后端数据,我把父节点的id 和 按钮权限的 id 都存入到一个数组中,导致组件接收到父级节点的id时,下面的子节点全部勾选.​​​​​。比如就单勾选了 二级 2-1但是默认

文章图片
#前端
Vue3:element-plus el-Table列表合计处理显示字符串类型/计算合计数值

1.使用element组件库中的 el-table组件实现图上 底部当前页合计的功能。在一般的情况下,只需要计算数值部分的值,因为组件中的方法中处理的就是将值的类型转换成数值类型,像string类型的字符串的话,在进行转换的时候会出现NaN的情况。

文章图片
#vue.js#javascript#前端
Vue3:封装Table 表格组件问题修改

问题修正:上一次封装了组件,刚开始想的是接口请求完成后,返回了数据在把组件显示出来,但是如果接口请求错误,或者某些原因导致了接口无法正常返回数据,就会导致页面报错白屏。

文章图片
#javascript#vue.js#前端
Vue3:el-table组件存在多列操作数据,表格卡顿问题优化。

在我们的后台管理项目中,需要显示数据。普通的文本显示和一些需要操作的数据。需要操作的数据列多了。不可避免的会使得我们的浏览器渲染这些大体量的数据会导致卡顿。近期项目中就遇到了这个问题。刚开始不是那么明显。这个问题就更明显了。下拉滚动都会特别卡。1.在我前面的文章中已经封装过了tab表格。此实现就是在原来封装的组件当中实现,我就把一些需要应用的表格编辑的 文本 下拉。传递的数据类型上几篇文章中出现过

文章图片
#vue.js#前端#javascript
ElemenPlus:Virtualized Table 虚拟化表格

在我们的项目当中,无法避免会存在,列表显示数据量大的情况,如果在el-table中显示大量数据的话,就会导致浏览器卡死,所以可以使用本次提到的 el-table-v2虚拟化表格来解决数据量多的情况下列表卡顿的问题。3.父组件传递的数据对象结构。

文章图片
#vue.js#javascript#前端
Vue:请求401 没有权限 退出登录

在项目中,每个用户登录之后都会有一个token,一般token都会设置过期时间,如果在规定的时间内用户没有任何操作请求后端接口,就会导致用户的token过期,在过期后再次请求后端数据的话,一般接口就会返回状态码:401 标识没有权限.正常情况下接口请求后端数据,请求头携带用户token,接口返回状态: 200 表示请求成功,但是如果用户的token过期,用户就没有权限在去访问后端的数据,此时后端就

文章图片
#vue.js#前端#javascript
    共 21 条
  • 1
  • 2
  • 3
  • 请选择