a-form ref校验表单提示Cannot read properties of undefined (reading ‘validate’)解决办法
在使用vue+and design开发form表单时,当给a-form绑定ref属性后,调用表单validate()方法校验时始终提示如下错误: 问题原因 经反复排查,发现是表单ref=”…
vue3+vite项目接入qiankun微前端的核心配置项
最近在研究vue3+vite项目接入qiankun微前端的相关内容,踩过不少坑,也总结了一些经验。今天就来给大伙分享一下这里面的关键知识点,希望能帮到正在做类似项目的小伙伴们。 一、主应用配置 (一)…
antd实现select下拉框带有搜索筛选功能报错option.children.toLowerCase is not a function
最近在被安排去做前端开发,由于下拉框中的数据可能太多,滚动一个个翻着来查找影响效率,因此需要实现下拉框带有根据输入进行筛选的功能,由于本项目是用ant design开发的,而antd官网上针对下拉框S…
vue-router重复push出现NavigationDuplicated问题解决
我们在学习vue-router的编程式导航时,我们发现如果多次重复点击某个按钮触发页面跳转,会出现如下“NavigationDuplicated”错误,这里我先贴上我的部分代码: // templat…
Vue项目如何使用vue-lazyload实现图片懒加载,并展示默认和失败图片
Vue项目加载图片,如果图片数量较多,一次性加载会影响页面性能。今天就来教大家使用vue-lazyload实现图片懒加载,同时展示默认图片和加载失败图片。 一、什么是vue-lazyload vue-…
MintUI入门(1)——使用vue-cli集成Mint UI环境搭建步骤
1、Mint UI是由饿了么前端团队推出的一个基于 Vue.js 的移动端组件库,可以帮助我们快速开发移动端前台页面。 2、项目官网:http://mint-ui.github.io/#!/zh-cn…
如何使用 Vue 与 WebSocket 实现实时通信
本文主要介绍如何使用 Vue 与 WebSocket 实现实时通信的操作步骤,毕竟在构建现代 web 应用程序时,实时通信是一个重要的功能需求。WebSocket 是一种在客户端和服务器之间建立实时交…
如何使用 Spring Boot 与 Vue 构建 web 应用
随着前端框架和后端技术的不断发展,Vue 与 Spring Boot 的组合已成为构建响应式和可伸缩 Web 应用的流行选择。在这篇博客中,我们将探讨如何使用 Vue 作为前端框架,结合 Spring…
如何解决node内存溢出问题
本文主要讲解关于如何解决node内存溢出问题相关内容,让我们来一起学习下吧! 主要报错: vue打包时遇见这种报错的时候,不要怀疑就是内存溢出了,教你一阵轻松解决此问题,类似 解决内存溢出办法 lin…
Vue系列入门教程(3)——常用指令
在上一讲中,我们已经将Vue常用的指令列了出来,我们这边再说明一次: 1.v-html:绑定元素的 innerHTML 2.v-text:绑定元素的 innerText 3. v-bind:属性名:绑…