把上传的图片文件格式转化为webp图片格式。 前置条件：图片文件存在阿里云oss。 阿里云的对象存储服务（OSS）支持在 URL 中直接指定图片处理参数，这样可以在不下载原始图片到服务器的情况下，直接由 OSS 服务端处理图片。 假设你有一张存在阿里云的图片链接，那么只需要在该链接的末尾加上?x-o 阅读全文
:format-label="format" 加上这个属性format-label：允许用户格式化展示内容 const format = (labels: any) => { return labels[labels.length - 1].label; } 注意你的数据结构 阅读全文
业务场景如下： 给表头插入一个必填的符号*，就这么简单的需求。 代码如下： const elements: any = document.querySelectorAll('.arco-table-th-title'); elements.forEach((a: any) => { const it 阅读全文
1、json序列化以及反序列化 let a = JSON.parse(JSON.stringify(b)) 2、使用lodash库插件 没有的话先安装： npm i lodash 使用方式： import { cloneDeep } from 'lodash'; let a = cloneDeep( 阅读全文
在很多前端框架中的upload组件，比如arco-design的a-upload组件，在遍历渲染过程中会发现上传完成后，切换到另一个a-upload组件，它的图片会显示上一个a-upload组件的缓存 正常上传，然后点击红色，红色对应的图片应该被清空，实际上却并没有，如下 解决方案：给a-uploa 阅读全文
TypeError: Cannot read properties of undefined (reading '0') ==》TypeError:无法读取undefined的属性（读取“0”） 请记住出现这种错误大多数都是因为你读取了未定义的对象或数组 排查结果：后端返回的id由原来的小写id改成 阅读全文
删掉依赖，使用yarn重新拉取，保错如下： error commander@12.1.0: The engine "node" is incompatible with this module. Expected version ">=18". Got "16.19.1" 错误commander@1 阅读全文
<template v-for="column in columns" :key="column.dataIndex" #[column.slotName]="{ record, rowIndex }"> <a-input v-model="record[column.slotName]" /> < 阅读全文
rt。我调接口返回的数据使用reactive函数来设置的，并通过遍历把数组中的值绑定到了表单的v-model，当我改变v-model时，发现了无法赋值成功，或者说它这个reactive函数只生效了一次，赋值成功一次，比如我第一次输入1234，打印这个数组时，发现对应的v-model只拿到了1，其他的 阅读全文
window.location.reload()可不会管你什么框架设定，直接强制重载，不过坏处就是体验不是很好。 也许在vue中，你会用router.go(0)，这也可以让页面重载，但最可靠的还是window.location.reload()。 2024-09-24 别再用上面那种方法了！听我的， 阅读全文
我在安装一个包xx，遇到了一堆报错，其中关于npm ERR! gyp ERR! find Python有很多条，大体意思是我没有正确配置python环境。 但事实上真的需要python环境吗，不一定，观察上下文，我发现它还提示我要删除缓存，嗯，原因应该就是这个。 找到npm i xx时报错抛出的安装 阅读全文
css样式优先级(权重)： 内联样式 ：style="z-index: 1001"（最高优先级，除非被一个更具体的内联样式覆盖或具有 !important 的样式覆盖） !important ：z-index: 10000 !important;（最高优先级） id选择器 ：#box（100） 类选 阅读全文
问题1：emit is not defined watch(() => content.value, (val) => { emit('input', val); }); 原因：直接使用了未定义的emit导致报错。 解决方案：使用vue3中的defineEmits函数定义一个可以定义触发的函数，比如 阅读全文
前言：我在使用vue-ueditor-wrap进行图片上传时显示无法上传图片，已知vue-ueditor-wrap是对uEditor的封装，所以最后还得在uEditor排查。 问题：后端配置项没有正常加载,上传插件不能正常使用! 原因：uEditor的后端配置不生效导致。 解决方案：找到你的后端，叫 阅读全文
我的watch写法： watch(props.value, (val) => { content.value = val; }); 然后控制台抛出了一个警告：无效的watch源：watch源只能是getter/effect函数、ref、响应对象或这些类型的数组。 原因：watch写法不正确导致。 解 阅读全文
![2024-08-20 [vue-ueditor-wrap] UEditor 资源加载失败！请检查资源是否存在，UEDITOR_HOME_URL 是否配置正确！](https://img2024.cnblogs.com/blog/2823037/202408/2823037-20240820144947419-2045536424.png)
原因：vue-ueditor-wrap插件的配置出错了，应该是config.UEDITOR_HOME_URL配错了ueditor的文件路径。 解决方案：排查一下，是不是config.UEDITOR_HOME_URL的路径配置问题。 阅读全文
我现在在把旧项目的vue-ueditor-wrap迁移到新项目（vue3+ts+vite）中去，直接搬过去肯定会报错的，这不，来了。 原因：旧项目的vue-ueditor-wrap是vue2的，它的一些写法在vue3中不兼容导致。 解决方案：升级到@3版本 # vue-ueditor-wrap v3 阅读全文
问题描述：vue3项目中新建.env文件，尝试使用process.env访问该文件中的变量，报错process.env未定义。 原因：vue3项目是由vite构建的，所以在访问环境变量时需要使用import.meta.env来访问。 解决方案：把process.env替换成import.meta即可 阅读全文
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< 阅读全文
检查你的HBuilderX 安装目录，比如我的是安装在了C:\Program Files (x86)里面，所以运行报错。 解决方案：把hbuilderx安装目录换一个位置即可（注意不要包括 ( 等特殊字符）。 阅读全文
浙公网安备 33010602011771号