- 博客(24)
- 收藏
- 关注
RSS订阅原创 解析后端图片文件及上传图片文件
当通过 HTTP 请求获取二进制数据例如图片、视频文件或其他大对象存储中的数据时，可以将请求的 responseType 属性设置为 blob。这种方式允许客户端接收并处理原始字节流作为 Blob 对象。调用后端接口必须加上responseType: 'blob'对应的upload标签如上图所示。
2025-04-27 16:29:19
322
原创 el -upload组件单图上传功能实现记录
普通upload组件的样式如上图。使用::deep深度监视组件，当上传图片时控制样式隐藏上传框，当移除图片时显示上传框。fileList.value = [] 代码用于清空upload组件里已上传但未提交的图片。如图为上传一张图片后的状态，点击图标可以放大和删除。删除之后可重新上传。如上图，关闭上传弹框时，class动态赋值恢复上传框的显示。如上图，当图片上传成功时，class动态赋值。上传框样式定位如图所示。如图为未上传图片状态。
2025-04-24 14:51:57
208
原创 el -upload组件改变图片上传框的大小尺寸
formData.append是一个用于向FormData对象添加键值对的方法。它接受两个参数，第一个参数是键名，第二个参数是键值。举例：formData.append('path','picture/')。使用formData.append可以将键值对添加到FormData对象中，这样可以方便地将数据以键值对的形式发送到服务器。uploadFile为upload绑定的ref值。深度选择器::v-deep控制样式。
2025-04-11 16:09:51
274
原创 UView小程序表单校验无法生效的问题记录
解决：需要添加语句 this.$refs.form1.setRules(this.rules);如上图给表单的密码输入框添加了规则校验，但结果无法在输入框中生效。
2025-03-25 16:53:47
208
原创 VUE3父子组件通讯
defineProps 是 Composition API 的一部分，用于在 <script setup> 语法中定义组件的 props。这个函数用于声明组件期望接收的属性（props），并且可以进行类型检查和验证。const props = defineProps<Form>() 语句用于接收父组件的传值，props是一个对象，对象里是传值参数名和参数值。defineEmits是vue3提供的方法，又称为自定义事件，不需要引入可以直接使用，用于子组件与父组件通信。子组件无法直接更改父组件的值，
2025-03-21 17:05:32
226
原创 vue项目工程主文件之间的联系(项目组成逻辑)
i项目的运行入口。在body体中有一个div标签，其id为app。在文件可修改项目网页名称和页面眉头icon图标。单文件组件。针对整个项目称作根组件。主体为<router-view/>，<router-view>标签将会把路由相关内容渲染在这个文件中。main.ts文件：程序主入口文件。创建APP实例(App.vue文件)挂载到id = app节点(index.html文件)上。
2025-02-06 17:36:40
405
原创 微信小程序页面跳转
1、基本应用示例：uni.navigateTo({ url: '/Property/committee/evaNotice'})JSON.parse() ：用来解析JSON字符串，得到对应的JavaScript值或对象。encodeURIComponent()： 可以把字符串作为 URI 组件进行编码。decodeURIComponent()： 可把字符串作为 URI 组件进行解码。跳转页面的接收，options为接收到的参数，是一个对象。保留当前页面，跳转到应用内的某个页面。
2025-01-02 17:36:36
315
原创 vue2父子组件通讯简记
在子组件中使用mounted生命周期钩子，在组件显示时进行一系列操作，需要在组件中加入v-if。否则在父组件加载时，子组件便会同时加载子组件。3、props中的属性值，其性质是只读属性的，不能直接对props的值进行修改。使用此属性，可以让组件在使用时候，拥有不同的初始值，提高组件的复用性。子组件传值需要通过方法传递。2、props中的值，可以在组件中使用插值表达式直接取用，也可以在方法中this.[名称]使用。前者是show1是子组件接收父组件传值的容器名称，后者show2是从父组件传给子组件的值。
2024-12-31 15:58:04
381
转载 Git基础操作
命令：git init如果需要对现有的某个项目使用 Git 管理，只需要到项目所在目录，执行该命令即可。初始化后，在当前目录下会出现一个名为.git的目录，这个目录是 Git 来跟踪管理版本库的，所有 Git 需要的数据和资源都存放在这个目录中。
2024-12-12 15:53:33
37
转载 vue模型介绍
VM层：把View需要的层数据暴露，对View层的数据绑定声明、指令声明、事件绑定声明负责，处理View层声明的业务逻辑。绑定属性监听，当VM数据变化，V会得到更新；当V中声明了数据的双向绑定，（通常表单元素），框架就会监听V表单值的变化，一旦变化了VM中的数据也会自动更新。View层：动态视图模板，展示的是VM的数据和状态，不处理状态，做的只是数据绑定的声明、指令的声明、事件绑定的声明。开发过程中仅需要关注数据本身，不需要关心数据是如何渲染到视图。数据改变，视图改变;视图改变，数据也随之改变。
2024-12-11 17:36:47
70
原创 Upload 上传文件添加请求头
show-upload-list为是否显示已上传文件列表 ，headers 为设置上传的请求头部。data 为上传时附带的额外参数。action 为上传的地址，vue2和vue3可同理。
2024-12-11 15:03:51
374
原创 微信小程序发布版本步骤
2、在微信开发者工具上确认最终效果，填写版本号和项目备注，并点击上传。1、将项目运行到微信开发者工具上(使用HBuilder)。，可在手机上预览小程序效果。3、登录微信公众平台。
2024-11-25 15:42:36
1062
转载 uniapp打包apk过程整合
gradle版本和jdk版本无法对应，报错cannot find gradle version，connect timeout.....等等。卸载重装后使用Android studio 默认gradle版本4.1.1，jdk使用版本为1.8。不要轻易动gradle版本这东西改不了一点，让jdk适配gradle。3、下载Android SDK开发工具包。2、编辑器汉化(可选择)4、具体操作步骤有参考。1、下载安卓编辑器。
2024-11-19 10:52:22
165
原创 bug记录：下拉框有model值但无法在页面显示选项内容
问题：接入协议有model值为1，且有下拉选项，但1无法与选项对应，显示出的内容为空白。回显从后端获取到的1为数字1，而存入下拉列表数组中的1为字段串1。需要对后端获取的数值进行处理，转化为字符串。
2024-11-11 11:34:19
256
原创 JavaScript字符串部分操作方法(split,indexOf,moment,new Date)
moment.unix(时间戳).format(“YYYY-MM-DD HH:mm”) 时间戳转年月日格式。moment().format('YYYY-MM-DD HH:mm:ss') ：返回指定格式的时间。//获取完整的年份(4位,1970-?
2024-11-01 15:22:01
2679
原创 record前端解析二进制文件
当需要从服务器下载文件时，服务器返回的响应通常是二进制数据。将 responseType 设置为 ‘blob’， 将响应体作为。对象处理，以便直接处理这些二进制数据或者将其作为文件下载到本地。javaScript部分。
2024-10-23 16:40:02
215
原创 记录使用element组件出现的样式问题
如图是未加入任何style属性呈现的效果，自带宽度且无法使用flex属性使得按钮居中。将代码中的改为后，按钮正确排列显示。使用element组件，组件的样式很难使用style属性修改。
2024-10-22 10:50:30
392
原创 vite脚手架搭建react+ts项目
1、在目标文件夹中输入命令 npm create vite react-y 创建名为react-y的项目。切换node版本： nvm use xxxx。react项目要求node版本 >= 12。查看node版本： nvm ls。2、选择框架react。
2024-10-17 11:33:09
254
原创 Notification-类型通知 自定义图标icon
使得CSS样式就只能作用于当前的组件，从而防止在引用组件时子组件与父组件之间的样式相互干扰。Style属性中Scoped。自定义类型通知icon。
2024-10-15 11:37:51
645
原创 Notification 通知自定义内容
将 ElNotification 配置项 dangerouslyUseHTMLString (将message 属性作为 HTML 片段处理)属性改为true，使用vue h()函数渲染内容。'},'我是薯条'),h('img',{src:imgUrl,}),//也可以直接引入。内容可以是文本，也可以是标签节点。在h( )渲染节点过程中，相对路径无法被识别。参数2：一个对象，内容包括创建的节点的属性。url：必填参数, 一个绝对或相对路径。
2024-10-14 19:00:12
1276
原创 在＜el-button＞标签加入loading动态图标。动态图标在文字右侧
②：在标签中加入loading-icon="Eleme"，自定义动态转动图标。{ Eleme } from '@element-plus/icons-vue' //导入图标。①：在标签中写入loading属性，显示动态转动loading图标。icon图标位置（例子icon在按钮文字右侧）
2024-10-12 11:43:57
1169
原创 对象赋值给变量
如果源对象某个属性的值是对象， 那么目标对象拷贝得到的是这个对象的引用。将源对象（source）的所有可枚举属性，复制到目标对象（target)。问题：变量a和对象b。直接使变量a = b，改变a的值会使对象b本身跟着改变。//则 data:{ "name": "改变obj1后的yyy",原因：变量a得到的是对象b的地址，a和b指向内存堆中同一个对象。target--->目标对象 source--->源对象。③：对象合并方法，复制对象的可枚举属性到目标对象。改变源对象会使复制的目标对象也改变， 而。
2024-10-12 11:27:41
498
空空如也
关于#前端#的问题：项目无法运行（相关搜索：服务器）
2024-12-19
TA创建的收藏夹 TA关注的收藏夹
TA关注的人