
vue.js
文章平均质量分 53
fangcaojushi
这个作者很懒,什么都没留下…
展开
-
vue3项目配置别名
问题如下,如在router/index.ts中,引入组件 component:()=>import(‘@/views/login/index.vue’),@/*报错。在开发项目的时候文件与文件关系可能很复杂,因此我们需要给src文件夹配置一个别名!也可尝试手动声明,创建shims-vue.d.ts文件。原创 2025-03-27 08:57:51 · 534 阅读 · 0 评论 -
vue3中阿里SVG图标配置与应用
确保你的 tsconfig.json 文件中包含了 vite-env.d.ts 文件。TypeScript 无法识别 virtual:svg-icons-register 这个虚拟模块,因此需要为它添加类型声明。2.确保 tsconfig.json 包含类型声明。原创 2025-03-22 09:15:35 · 282 阅读 · 0 评论 -
解决webpack5.54打包图片及图标的问题
当在 webpack 5 中使用旧的 assets loader(如 file-loader/url-loader/raw-loader 等)和 asset 模块时,你可能想停止当前 asset 模块的处理,并再次启动处理,这可能会导致 asset 重复,你可以通过将 asset 模块的类型设置为 ‘javascript/auto’ 来解决。webpack5 已经启用旧版的assets loader, 需要在webpack.confid.js中添加配置(在对应的module中)原创 2025-02-20 08:30:33 · 565 阅读 · 0 评论 -
解决webpack4 import 动态导入组件打包报错
google一下得知,webpack4不支持import动态加载,建议使用babel-plugin-dynamic-import-webpack来解决…从代码报错位置来看,代码中使用了动态import加载组件,大体的方向定位了,后面就好办了。原创 2025-02-20 07:30:10 · 610 阅读 · 0 评论 -
利用uniapp的picker封装预约时间的组件
(3).defineEmit返回一个触发器,用于触发事件,第一个参数是具体事件,第二个是传递的值。(1).defineEmits用于在setup中注册自定义事件,是一个宏函数,使用时无需导入。(2).defineEmits接受一个数组,元素为自定义事件名。defineProps先从vue中引入。原创 2024-10-07 11:18:14 · 841 阅读 · 0 评论 -
js格式化日期
正则,test,replace,RegExp ,原创 2024-10-07 10:25:02 · 625 阅读 · 0 评论 -
前端项目打包成exe文件
6、在electron-quick-start项目中找到入口文件 main.js ,修改打包的文件路径为我们的index.html(替换成我们的文件非常非常的重要,注意行数,一般都在16行多一点)8、运行命令打包,然后项目中会出现一个 App-win32-x64 的文件夹,这个文件就是打包好的桌面应用,文件夹里有一个 App.exe 文件,App.exe就是这个项目的启动文件。2、修改自己项目的vue.config.js,路径必须修改为 ./,不是这个后续打包好的页面可能会出现白屏,加载不出来的情况。原创 2024-06-26 07:46:27 · 1334 阅读 · 2 评论 -
Promise的异步调用
Promise调用两个接口,第二个接口的入参为第一个接口的返回值。原创 2024-06-22 18:04:41 · 357 阅读 · 0 评论 -
el表格下拉触底组件-解决1万条数据前端渲染不卡的问题
解决1万条数据前端渲染不卡的问题,换个思路,通过下拉表格,触底加载数据的方法,通过el-table-infinite-scroll组件实现。数据为接口请求的模拟数据。,vue2/3用法不同。原创 2024-05-22 19:20:00 · 431 阅读 · 0 评论 -
解决vue版本不一致导致不能正常编译
项目原本运行无异常,但安装了一个el-table-infinite-scroll的插件后,编译报错,截图如下。vue版本与compile版本不一致,应该统一起来,否则编译时会有一些想不到的问题发生。卸载compile,安装与vue相同的版本。原创 2024-05-22 18:59:16 · 556 阅读 · 0 评论 -
解决1万条数据前端渲染不卡的问题
将数据分组,通过定时器或requestAnimationFrame两种方式分组渲染到Dom上。使用requestAnimationFrame可以将动画的每一帧绘制操作封装为一个回调函数,当浏览器准备进行下一帧绘制时,会自动调用这个回调函数,从而实现了动画的循环。并将这个回调函数传递给requestAnimationFrame函数。渲染数据-动画requestAnimationFram方法。原创 2024-05-20 18:16:18 · 474 阅读 · 0 评论 -
多行文本框的默认文字中加换行
在:placeholder=“文字\n 文字\n”原创 2024-03-21 10:56:33 · 305 阅读 · 0 评论 -
el-table表格中实时修改某一行的字段
表格的内容为多选的文本框,默认情况不显示,当scope.row[scope.column.property + ‘Show’]的列属性为真时显示,失去焦点时将该属性在置为假。表格上加上::key取值为随机数,key: Math.random(), 单元格的双击事件加上方法@cell-dblclick=“doubleClick”招生跟进的学生,在表格中编辑跟踪记录,修改失去焦点后保存,代码如下:表格的代码片断。原创 2024-03-21 10:44:45 · 1431 阅读 · 0 评论 -
$.ajax()方法详解
$.ajax()方法详解转载Ha_Girl 最后发布于2019-05-31 09:28:28 阅读数 62418 收藏展开$.ajax()方法详解jquery中的ajax方法参数总是记不住,这里记录一下。1.url:要求为String类型的参数,(默认为当前页地址)发送请求的地址。2.type:要求为String类型的参数,请求方式(post或get)默认为get。注意其他htt...转载 2020-03-02 11:01:02 · 141 阅读 · 0 评论 -
vue data中定义的变量使用另一变量
前言今天在写代码的时候,遇到一个问题,我想使用data里面的一个变量,赋值给data里面的另一个变量。直接赋不行 latitude: latitude, 不行,latitude: this.latitude, 也不行,上网查了一下,可以通过computed和mounted来实现,成功了。原创 2023-07-07 11:31:39 · 3650 阅读 · 1 评论 -
git常用命令
执行上面的代码 :git reset --hard c4f43a6,代码会回滚到commitId 所在位置及所在位置之前的所有代码。Git reflog 命令可以列出 Git 引用的修改历史,包括 commit、merge、rebase 等。应用环境,在项目上线前,提交到dev分支多个commit ,但个别的可发布的线上,可以有选择的提交commit的节点。我们可以使用 git log 命令查看相关信息,展示一个漂亮的提交历史可视化图,包括所有分支的合并和提交信息。原创 2023-07-15 16:26:17 · 68 阅读 · 1 评论 -
vue-print-nb打印插件的应用
4.在组件的打印按钮标签上使用指令 v-print=“print”,print是配置对象。vue使用vue-print-nb进行打印# 使用步骤。将学生的二维码,姓名,班级 打印成贴纸,效果如图。5.在组件的data中定义print配置对象。7.打印区域完整代码。原创 2023-11-29 11:51:51 · 673 阅读 · 1 评论 -
hbuilderx升级后无法运行npm
在windows环境下,命令行程序为cmd.exe,是一个32位的命令行程序,微软Windows系统基于Windows上的命令解释程序,类似于微软的DOS操作系统。hbuilderx 从3.7.* 升级了几次版本,都出现升级后无法运行npm run dev的问题,提示要选择程序打开,试了一下npm -v,也是同样,但node -v 是可以的,再网上一顿的查,试着多种解决方案都无果,只能退回到以前的版本。今天一早上来,想着这个bug应该解决了吧,再试着升级一下,升级后的版本是3.99,但问题仍然存在。原创 2023-12-27 09:14:02 · 1180 阅读 · 0 评论 -
eladmin框架vuex的修改
Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式,核心就是 store(仓库),仓库是用来储存东西的。state: 数据actions:可以包含异步操作mutations: 唯一可以修改state数据的场所getters: 类似于vue组件中的计算属性,对state数据进行计算(会被缓存)modules:模块化管理store(仓库),每个模块拥有自己的 state、mutation、action、gettereladmin框架,根据登录返回的数据调用接口,再根据返回的数据,用户sta原创 2024-01-15 16:53:04 · 458 阅读 · 0 评论 -
el-table的横纵向求和
纵向求和show-summary或者:summary-method=“getSummaries”利用slot-scope=“scope"插槽的方式实现,scope有两个内置的参数。原创 2023-12-20 16:52:18 · 308 阅读 · 0 评论 -
三级嵌套的json数据自动生成表格并合并单元格
三级嵌套的json数据 :班级嵌套学生,学生中嵌套全部时间的考试成绩, 自动生成表格并合并单元格,如图。原创 2023-11-21 18:06:44 · 658 阅读 · 0 评论 -
el-form 自定义rules 校验规则
包括 https的url地址、小写、大写、大小写英文字母、电子邮件、电话号码、是否合法IP地址、身份证号等的校验例如:再次确认密码的,在data中定义一个const 常量,在rules中引入data(){// 定义规则 (rule, value, callback)callback(new Error('两次输入的密码不一致'))} else {callback()} else {callback(new Error('请再次输入密码'))...rules:{oldPass: [原创 2023-12-12 10:23:44 · 2523 阅读 · 0 评论 -
按老师展示的教学排课表
按老师展示的教学排课表,周一到周五背景黄,周六背景桔,周日背景蓝 ,上午、下午、晚上浅入深的三色,相同的课合并单元格,有课的背景为绿色,并且点击跳转路由,进入该班的学生情况页。【说明】单元格的 className 的回调方法,也可以使用字符串为所有单元格设置一个固定的 className。【说明】表头行的 className 的回调方法,也可以使用字符串为所有表头行设置一个固定的className。【说明】行的 className 的回调方法,也可以使用字符串为所有行设置一个固定的 className。原创 2023-12-20 18:31:52 · 956 阅读 · 0 评论 -
excel导入及下载模板
通过input元素绑定change事件,当选择excel文件后会触发importExcel方法。在该方法中,使用FileReader对象读取excel文件的内容,然后使用xlsx插件解析excel文件的内容并将其转换为json格式的数据。最后就可以获得jsonData格式的数据,并进行处理。下载模板的首行为英文字段名,中文字段名解析后为row[0]的记录,需过滤掉,日期的格式为字符。两种方式,axios.get请求完整的url地址和接口请求stream流的方式。解析后的json数据格式。原创 2023-12-12 11:41:22 · 245 阅读 · 0 评论 -
自定义教师组件,组件改变后的实时搜索,路径别名
封装组件需求调用api接口,按类型查询老师,设置默认值,并监听老师的变化原创 2023-11-30 14:24:19 · 366 阅读 · 0 评论 -
qrcode-generator组件生成并下载二维码
or。原创 2023-08-14 13:17:22 · 636 阅读 · 0 评论 -
更改git的远程地址
问题:fatal: refusing to merge unrelated histories。解决:在操作命令后面加 --allow-unrelated-histories。1.解决冲突,并去掉》》》head的代码。原因:本地与线上的结构有差异导致的。更改后,可再查看一下地址 进行确认。原创 2023-12-26 14:27:43 · 144 阅读 · 0 评论 -
elementui动态表格的合并单元格
接口返回的数据,动态的合并相同数据的单元格。如图。原创 2023-11-10 10:03:55 · 711 阅读 · 1 评论 -
mixins混入
在开发中,经常会遇到多个组件用到相同的代码,倒是可以复制,但不利于后期的维护和修改,可以利用mixins将公共部分提取出来,通过mixins封装。:监听自定义选择时间时,将type=daterange数组的[date1,date2]的值分别赋值给beginTime和endTime,此文章还包含了针对某对象的某个属性的监听方法,例query.createTime。我在做统计数据报表模块时,发现调用的查询的条件基本相同,如图,原创 2023-11-24 10:06:38 · 82 阅读 · 1 评论 -
`${index}+1`“的正确写法`${[index+1]}`
`${index}+1`"的正确写法`${[index+1]}`原创 2024-03-16 17:30:18 · 375 阅读 · 0 评论 -
获取本周、本季度、本月、上月的开始日期、结束日期等封装计算时间的组件.js
【代码】获取本周、本季度、本月、上月的开始日期、结束日期等封装计算时间的组件.js。原创 2023-11-24 10:40:27 · 170 阅读 · 1 评论 -
vue复制内容到剪切板
在Vue中将内容复制到剪贴板可以使用clipboard.js库来完成。创建clipboard.js文件 存放路径src/utils/clipboard.js。view视图, 调用。script代码 方法。原创 2024-03-08 17:57:16 · 469 阅读 · 0 评论 -
vue-esign电子签名,base64转二进制file存储
交费的电子签名,可确认和重签(清空内容),手机端默认横屏,并对内容做旋转,如图。安装vue-esign与main.js中引入。原创 2023-12-21 08:45:53 · 548 阅读 · 0 评论 -
异步加载async await
在Vue中,我们通常会使用axios来调用接口获取数据。我们可以将axios封装成一个异步函数,然后在Vue组件中使用async/await来获取数据。优势在于处理 then 链,使代码看起来像同步代码一样。在函数前面加上async关键字,表示函数是异步的。修改为一下代码运行正常。原创 2024-03-08 14:59:18 · 312 阅读 · 0 评论 -
antd表格最后一行合并列,字数太多时换行显示
项目中ant Design统一控制了表格不换行,为了使地址能换行显示,用了2种方法,插槽和取消全局的换行。合并列注意点:合并之后 被他合并后的 那一列应该是没有dom 节点的 ,所以要。主要是使用官方文档上的 customRender 函数。动态创建的a-table 合并列。3.最后一行的前5列合并列,更改成合计,从接口获取的数据,动态构建表格。原创 2023-08-25 15:33:15 · 773 阅读 · 1 评论 -
vue中使用$的步骤
Vue 中使用$jquery的使用步骤[Vue warn]: Error in v-on handler: “ReferenceError: $ is not defined”安装 jQuery,项目根目录下运行以下代码cnpm install jquery --save配置webpack在项目根目录下的build目录下找到webpack.base.conf.js文件,在开头使用以下代...原创 2020-02-28 15:15:49 · 3564 阅读 · 0 评论