- 博客(22)
- 收藏
- 关注
原创 前端js实现自定义表格导出
1.npm下载xlsx插件。2.utils下新建一个名为excelExport的js文件。3.在需要用到的页面引用。
2023-04-18 10:04:43
302
1
原创 elementui表格复选框勾选数据,分页、全选/取消全选不影响数据回显
elementui表格复选框勾选数据,分页、全选/取消全选不影响数据回显1、父组件引入2、子组件,创建一个名为selectUsers的组件进行代码编写
2023-04-07 14:09:39
1215
原创 git clone常见错误解决方案
git clone项目的时候会遇到fatal: unable to access 'https://github.com/...': Failed to connect to github.com port ..这种报错,依次输入以下命令。输完命令后关闭当前git窗口,打开新的git窗口再去克隆就可以了。
2023-02-23 09:01:27
1810
原创 vue配合elementUI实现文本超出宽度,显示省略号并且鼠标移入显示全部内容
【代码】vue配合elementUI实现文本超出宽度,显示省略号并且鼠标移入显示全部内容。
2022-10-28 10:52:35
1697
原创 vue+element树形控件实现根据条件(例id)禁用选项
项目中遇到的需求,就是根据已选择的id,遍历树形控件,只允许用户选择变量ids里面的id下面的children数据,其他都要禁用,不能选择,下面是代码:
2022-07-14 16:18:45
1528
原创 vue全局路由守卫拦截配置
// 全局路由守卫router.beforeEach((to, from, next) => { // next() let token = localStorage.getItem('token'); console.log(token) // // console.log(userName) if (to.path === "/login") { // 如果是访问登录界面,如果用户会话信息存在,代表已登录过,跳转到主页 if (token!=null) { n
2022-06-09 16:17:55
862
原创 vue+antd实现可编辑表格
1、新建一个custom_table的的组件<template> <a-card :title="title"> <template #extra> <div class="submitBtn"> <a v-if="!edit" @click="editHandle">编辑</a> <div v-else> <a-button @click="saveHandle" clas
2022-04-22 14:51:50
4129
3
原创 vue3+ts简单版打印功能
1、定义一个pdfprint组件<template> <div id="panel" style="height: 0;overflow: hidden;"> <p>{{info.boxesNum}}</p> <p>{{info.code}}</p> <p>{{info.postalCode}}</p> <p>{{info.orderNo}}</p> </d
2022-04-12 17:47:14
1518
原创 Ant Design Vue的表单校验(默认校验、自定义校验)
// 自定义校验函数// rule:当前被校验对象// value: 用户输入的值const check = async (rule, value, callback) => { if (!value) return; if (判断条件) { // 失败时执行 return Promise.reject('内容不合规范...(校验提示)'); } else { // 成功时执行 return Promise.
2022-04-12 17:26:37
7403
原创 带上token请求图片
<template> <img id="img" /></template><script> import { useUserStore, } from "/@/store/modules/user"; export default { name: "authImg", props: ['authSrc'], setup(props) { const userStore = useUserStore(); const .
2022-04-07 17:56:29
2045
原创 vue3 + ts + Ant Design Vue实现文件上传
<a-row type="flex"> <a-col :span="4">上传文件:</a-col> <a-col style="color:#F64545"> <a-upload v-model:file-list="fileList" name="file" :multiple="true" action="上传文件的接口地址" :headers="headers".
2022-04-02 09:34:35
1755
原创 vite配置代理服务器(解决跨域)
// 在根目录下的vite.config.ts修改server属性server: { port: 9090, proxy: { "/management-api": { target: "http://127.0.0.1:8001" }, "/storage/file": { target: "http://feixun.link.newsupplytech.com" }, } }...
2022-04-01 20:22:33
3792
原创 配合后端实现下载文件功能
// 配置接口请求export async function download(obj) { return request({ url: '后端接口', method: "post", data: obj, responseType: 'blob', //必须必须写 });}// 引入写api的文件import * as api from './api.js'let data = {...}api.download(data).then(res => { .
2022-04-01 20:17:49
292
原创 实现纯前端文件下载
// 将方法封装到common.js文件中// 我的token存储的位置import { useUserStore } from "/@/store/modules/user";export function download(data){ // 处理token const userStore = useUserStore(); const token = userStore.getToken; const headers = "Bearer " + token // 创.
2022-04-01 20:06:39
247
原创 手机号码,电话号码,邮箱,手机电话正则验证规则
// 手机电话校验 /^((1[0-9]{10})|(((([0-9]{3}-)?[0-9]{8})|(([0-9]{4}-)?[0-9]{7}))(-[0-9]{1,4})?))$/// 手机号码校验 /^(13[0-9]|14[01456879]|15[0-35-9]|16[2567]|17[0-8]|18[0-9]|19[0-35-9])\d{8}$/// 电话号码校验 /^((1[0-9]{10})|(((([0-9]{3}-)?[0-9]{8})|(([0-9]{4}-)?[0-9.
2022-04-01 18:39:47
961
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人