自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(40)
  • 收藏
  • 关注

原创 前端配置环境

btw:window+x => windows powershell(管理员)测试时,就cmd打开不同的盘,查看node -v。环境变量用户变量那些的文件夹一定要对应好。3、vscode中使用git。二、下载google浏览器。一、下载Git Bash。三、下载微信开发者工具。四、下载vscode。

2024-08-31 16:30:12 441

原创 结合element和原生写法<a>标签实现excel文件的下载和上传

本项目要求:用户下载excel模板,填写资料后上传。模板保存在项目文件中,使用a标签点击下载。

2024-08-26 11:31:54 354

原创 原生input实现上传upload功能

这里的例子是,点击按钮,选择多个图片文件后,调用接口上传一个个文件。

2024-08-12 16:30:53 306

原创 小程序支付(前端)

【代码】小程序支付(前端)

2024-08-05 17:07:25 1308

原创 使用excel生成国际化多语言js文件的脚本

请确保替换 filePath 和 outputDir 变量中的路径为实际的路径。6、就会生成一个initLang文件夹。3、在文件夹创建一个index.js。hello Hello 你好。world World 世界。1、创建一个空文件夹。

2024-08-02 17:38:18 373

原创 vue中父子组件通过props和update:实现双向绑定(el-upload)

并watch showFileList值的变化, emit(‘update:(属性名)’, (传递数据))在子组件里,将fileList赋值给showFileList。这里的prop是fileList。

2024-07-10 10:07:13 309

原创 小程序使用van-dialog时的坑(必看)(复用时页面可能会卡住)

,区分和request.js的dialog,避免dialog复用时页面会卡顿出错。项目的request,js写好如有报错信息,使用dialog进行提示。同时,如果页面的js代码中要直接使用到Dialog,如。记得也要在json文件中引入。

2024-06-29 16:32:12 466 1

原创 小程序使用scroll-view实现分页功能

【代码】小程序使用scroll-view实现分页功能。

2024-06-25 10:31:20 351

原创 小程序登录

小程序首先会进入loading页面。

2024-06-25 10:25:25 180

原创 项目中使用静态文件的配置

config.js文件放在static或者public文件中。在项目的index.html中加入。

2024-05-17 16:27:59 144

原创 利用mklink使用另外项目的node_modules

如b项目使用a项目的package.json,但是b项目中安装包时可能会出错,serve或者build时会出问题;可以考虑在b项目中不安装包,直接使用a项目的node_modules,也能正常serve和build。

2024-05-16 11:00:49 384

原创 修改本地文件夹的远程仓库(分支一样)

git branch --set-upstream-to=origin/<分支>git remote set-url origin <地址>git push -f origin <分支>4、重新设置本地分支与远程分支的关联。2、保证本地文件夹的分支是对的。3、强制推送本地分支到远程仓库。

2024-02-08 16:23:47 123

原创 列表中每个对象中的图片都要单独请求

【代码】列表中每个对象中的图片都要单独请求。

2024-02-01 11:19:51 182

原创 element ui,table的column使用for循环渲染

【代码】element ui,table的column使用for循环渲染。

2024-01-08 11:12:28 2075

原创 回显接口返回的图片文件,blob转成url

responseType是blob。需要将blob文件转换成url显示。

2023-12-05 15:34:24 215

原创 获取接口返回的文件,下载文件

后端处理,请求成功后时,浏览器就会自动下载。responseType是blob。

2023-12-05 15:30:54 124

原创 vue的开发建议

加载父组件时,子组件也会加载(如执行onMounted),即使子组件还没在页面上显示;因此假如是打开子组件才调用接口,就不应该接口放在onMounted这类生命周期函数中,应在打开子组件时才调用。

2023-11-01 16:15:37 82

原创 el-uploader 上传一张图片,before-upload中本地回显图片

file文件转base64。这里是另外压缩了一下文件。

2023-10-27 11:58:46 322

原创 开发网站的建议

请求时加一个loading遮盖层,如果请求时间会很长,就改变超时时间。

2023-07-29 15:01:05 77

原创 vant 的list组件在下拉请求

vant

2023-07-05 10:50:31 208

原创 vue中显示代码块 vue-codemirror

https://www.npmjs.com/package/vue-codemirror

2023-04-24 15:31:47 489

原创 iconfont icon小程序 渐变色

icon 渐变

2022-10-19 16:24:49 211

原创 小程序封装表单组件,含校验功能

小程序 vant

2022-10-08 10:04:38 537

原创 element-tree-拖拽,更换两个节点的位置,不影响其他节点的排序

树形拖拽节点

2022-08-18 15:33:22 608

原创 js 使用a标签下载静态文件

下载文件

2022-08-18 15:26:25 434

原创 element tree 默认选中某个节点

element vue3

2022-08-18 11:48:57 1144

原创 vue3 setup语法糖 例子

setup

2022-06-07 17:26:29 88

原创 vue3 使用defineComponent和使用<script setup>语法糖的比较

vue3

2022-06-01 15:23:34 3110

原创 上传文件,form

/** * 上传文件 * * @param {Object} data * @param {File} data.file */export const putFileAttach = (data) => { const {file, attachType, foreignKey, fieldName, tableName} = data; const formData = new FormData(); formData.append("file", file, file.n

2022-05-25 16:37:46 94

原创 导出报表,通过window.open

handleExport() { this.$confirm('是否导出渠道活码数据?', '提示', { confirmButtonText: '确定', cancelButtonText: '取消', type: 'warning' }).then(() => { window.open( `/api/marketing/channel/channelExport?${ ...

2022-05-25 16:17:17 140

原创 异步获取图片url地址,本地下载图片

handleDownload(row) { const { id, name } = row; getQrCodeUrl(id).then((res) => { const imgUrl = res.data.data let image = new Image() image.setAttribute('crossOrigin', 'anonymous') image.onload = function ()..

2022-05-25 13:50:03 269

原创 将jsPDF生成的PDF文件上传至服务器

需求:将jsPDF生成的文件,转成file文件,再上传至服务器 putFile(PDF, fileName) { // 用于测试 PDF.save(`${fileName}.pdf`) let file = this.convertBase64ToFile(PDF.output("dataurlstring"), fileName); putFileAttach({ file, attachType: 'report_uploa

2022-03-08 11:15:54 1628 1

原创 vant van-uploader上传失败后点击预览图片重新上传

<van-uploader v-model="form.attachList" ref="uploader" :after-read="afterRead" :preview-size="100" :deletable="false" :max-count="maxCount" :prev...

2022-01-13 11:01:06 1865

原创 JSX使用、写法

```html<!DOCTYPE html><lang lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0.

2021-11-29 16:11:53 682

原创 layui table 为单元格添加悬浮显示按钮功能

为layui table的单元格添加悬浮显示按钮的功能。因为单元格空间有限,悬浮显示的按钮可能因为单元格的overflow:hidden而显示不完整。因此建议绑定在td[data-field=’’]元素。但是要求按钮是具有单元格信息的。因此使用data属性,实现td[data-field=’’]元素中,信息的传递。 done: function(res) { //客户名称 → 筛选+复制 $('td[data-field="nick

2021-03-24 19:13:44 2622

原创 Less练习 模拟写ui库

html文件<body> <button class='btn-primary'>默认</button> <button class='btn-danger'>危险</button> <button class='btn-warn' onclick="change" id='change'>切换卡片样式</button> <div class="dark-card" id='c

2021-01-26 16:03:57 158

原创 小程序,radio隐藏勾选+数组的使用

实现样式点击“乘车人”按钮,可填写更多乘车人信息这里的radio隐藏了原来的勾选框,点击label也可以实现勾选使用了for循环,点击radio和输入input,都会改变for循环的数组wxml +乘车人 性别 男 </label> <label class="radio"> <radio value="female" checked="{{item.sex=='female'

2021-01-04 16:18:07 823

原创 vue 列表渲染 filter

添加链接描述filter()、concat() 和 slice()。不会变更原始数组,而总是返回一个新数组我们想要显示一个数组经过过滤或排序后的版本,而不实际变更或重置原始数据可以在原有数据属性的基础上,添加一个新属性,在渲染的时候使用的是这个新属性 <div id="app"> <button @click="chooseAll">all</button> <button @click="chooseUnderage"

2020-10-12 15:02:39 250

原创 vue element ui 表格 点击行只显示一行

借鉴:添加链接描述使用 toggleRowExpansion补充内容: data() { return { tableData: list, //⭐展开的内容表格数据 versionData: [],

2020-10-10 16:54:05 1225

原创 vue+element-ui+mock+axios

获取token信息Src/network/request.jsimport axios from 'axios'export let request = (config) => { //创建axios实例 let instance = axios.create({}) return instance(config)}src/api/login.jsi...

2020-01-13 04:20:50 438 1

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除