- 博客(12)
- 收藏
- 关注
原创 axios取消全部请求和单个请求
一:取消全部请求1、创建axios实例时添加cancelToken方法const request = axios.create({ // API 请求的默认前缀 baseURL: process.env.VUE_APP_BASE_API, cancelToken: new axios.CancelToken(function (c) { // 将c保存在vuex的cancelAxios中 store.dispatch('setCancelAxios', c) })
2022-05-19 15:31:54
1798
原创 ant的行内修改功能的实现
原理:通过input和span两个的切换来完成1.先写好一个公用的组件,此组件直接使用即可 ,不用更改<template> <div class="editable-cell"> <div v-if="editable" class="editable-cell-input-wrapper"> <a-input :value="value" @change="handleChange" @pressEnter="check" /&.
2022-03-20 19:32:42
988
原创 使用ant table 表格添加复制功能
原理:通过slot 设置显示一个复制的图标如图,给这个图标添加一个点击事件,通过这个时间调用浏览器的方法,完成复制的功能步骤如下:1.先封装复制方法备注:这里的方法封装在了promise里面 设置了返回数据,可以不这样写,直接写普通的方法export const copy = (data) => { return new Promise((resolve, reject) => { const url = data const oInput = docum.
2022-03-20 19:18:22
3214
原创 使用ant design 插件 table实现宽度拖拽功能的封装
ant 的table没有现成的拖拽功能需要借用vue-draggable-resizable插件来完成1 首先下载插件 cnpm i -svue-draggable-resizable2、在util文件下新增 draggable-resizable.jsimport Vue from 'vue'import VueDraggableResizable from 'vue-draggable-resizable'Vue.component('vue-draggable-resizabl.
2022-03-20 19:00:05
900
原创 vue 如何打断点
在vue.config.js 文件里面module.exports ={configureWebpack: {devtool: 'source-map',}加上之后在浏览器里面查看源代码时不会变成我们写的 而不是webpack解析后的代码
2022-03-20 18:19:24
2499
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人