环境及需求：前端采用vue；后端采用spring，但是只用到了spring的对象注入功能，未使用springweb相关功能。

可实现多语言识别，中英文混合识别demo如下：importTesseractfrom"tesseract.js"//方式1：Tesseract.recognize('http://localhost:5173/vue.jpg

constpageData=reactive({checkedNodeList:[]})constcolspanDisabled=ref(false);watch(()=>{returnpageData.checkedNodeList},(newValue,oldValue)=>{if(newValue.length>0){colspanDisabled.value=true;}else{cols

目录一、准备工作1.1开发环境1.2服务器环境1.3Nginx安装二、构建Vue项目三、上传静态文件到服务器四、配置Nginx五、测试并重新加载Nginx六、访问Vue应用七、高级配置7.1启用HTTPS7.2

首先：Vuex是什么？有关于Vuex，官网是这样定义的：Vuex是一个专为Vue.js应用程序开发的状态管理模式。

{{item}}{{key+'----'+i}}varapp=newVue({el:'#app',data:{books:['化学','物理','英语','数学','语文'],person:{name:

在做项目中遇到一个问题对某个参数赋值成功后页面中没有改变经过多方查阅终于解决这个问题跟大家分享一下希望可以帮到你方法1（推荐）：用JSON.parse(JSON.stringify(objectOrArray))通常是某个渲染的数组改变了层级较深的数据导致页面没有实时渲染就这么写this.items=JSON.parse(JSON.stringify(this.items));方法2：用:key给

vue3用el-menu实现管理后台左侧菜单，报Uncaught(inpromise)Maximumrecursiveupdatesexceededincomponent.Thismeansyouhaveareactiveeffectthatismutatingitsowndependenciesandthusrecursivelytriggeringitself.Possiblesourcesi

今天我们来分析使用newVue()之前研究时，只是说是在创建一个实例。并没有深入进行研究在vue的源码中找下Vue的构造函数functionVue(options){  if(!

在Vue.js中，nextTick是一个用于在DOM更新后执行代码的API。它的主要作用是确保在某个操作完成后，DOM已经更新且可以被访问或操作。

目录1项目介绍2项目截图3核心代码3.1Controller3.2Service3.3Dao3.4application.yml3.5SpringbootApplication3.5Vue4数据库表设计

Django5+Vue3系列文章前言本节开始，全文仅对会员开放。若点赞和收藏数量超过100，全文将免费开放。此项目采用Django框架的5.0.7版本进行开发。

Vue编码基础2.1.1.组件规范2.1.2.模板中使用简单的表达式2.1.3指令都使用缩写形式2.1.4标签顺序保持一致2.1.5必须为v-for设置键值key2.1.6v-show与v-if选择2.1.7script

vue版本不一样配置也不一样tailwindcss官网v2当前node（16.17.0）vue-cli（5.0.0）1.安装指定依赖npminstalltailwindcss@npm:@tailwindcss

对于后台管理系统，有很多弹框的功能，这时候，我们就可以将弹框封装成一个公共组件进行复用。1.新建弹窗组件页在公共组件文件夹（components）下建一个弹框组件文件夹（EditboxForm）exportdefault{name:'EditboxForm',inheritAttrs:false,props:{//是否显示editBoxShow:{type:Boolean,default:func

如标题所示功能实现依赖于vant组件库，所以依照以下步骤来一步步进行操作在main.js中按需引入Vant组件库中的倒计时组件import{CountDown}from'vant';Vue.use(CountDown

菜单logo制作1.在项目assets里面加入logo2.layout下新建MenuLogo.vue组件MenuLofo.vue{{title}}importMenuLogofrom'@/assets/

感觉很复杂的样子，这种很牛p的东西应该不是我三两天就能手写搞定的，于是我github转了一圈，果然不出我所料，对比了几个插件以后我是先选择了vue3-mindmap简单易用。

把package.json里面node-sass和sass-loader版本改成："node-sass":"^4.11.1"，"sass-loader":"^7.3.0"就可以了

相关插件安装推荐使用npm的方式安装，它能更好地和webpack打包工具配合使用。¶1、ol-----OpenLayers地图操作基础包[email protected]¶2、ol-ext-----OpenLayers扩展包npminstallol-ext¶3、proj4------前端投影转换包npminstallproj4¶4、turf------前端空间分析包npminstall@tur

2.x用element-ui3.x用element-plushttps://blog.csdn.net/weixin_41207479/article/details/127066333引入element-ui的三种方式

后端解决参考Django跨域解决-CSDN博客该方法之前试着可以的，但是复制到其他电脑上报错，所以改用前端解决1、main.js做增加如下配置importaxiosfrom'axios'Vue.prototype

该系统充分利用了SpringCloudAlibaba、SpringBoot、MybatisPlus、Redis等先进技术栈，并结合前端框架VUE3和ElementUI，构建了一个功能丰富、性能

1、之前的博客介绍了，依据页面展示的table表格数据为基础展示表格导出，今天介绍下后端返回文件流来实现表格导出。导出import{ExportTheEmployeesTab}from'@/api/import';//导出import{downExcelUrl}from'@/utils/downloadFile';constsearchRef=ref();constexportData1=()=>

1、DataV(vue3)地址：DataVVue3+TS+Vite版|DataV-Vue32、使用npminstall@kjgl77/datav-vue3安装3、全局引入。4、此时就可以按需使用了~

这里介绍的是vite项目的打包配置，若想了解webpack打包配置可看我的其他博客。（下面来介绍下vite打包配置的步骤）1、步骤一：配置base。(为什么需要配置base？这里配置base主要是修改根路径，一般我们在开发环境中引用静态资源可能使用的是绝对路径，但是一旦打包部署到服务器上后可能会报404,无法正确的获取的资源。)//在vite.config.ts中import{defineConf

1、{isGetDataDirectly:false}的作用：设置不直接获取数据。2、代码示例：letbaseURL='/api';exportconstgetEmployeeTab=(params)=>{returnrequest({url:`${baseURL}/staff-tag/query-tag`,method:'GET',params,},//设置不直接获取数据{isGetDataDi

代码Count.vue当前求和为：{{sum}}当前求和放大10倍为：{{bigSum}}我在{{school}}，学习{{subject}}Person组件的总人数是：{{personList.length

1、setup()这不是一个传统的钩子函数，但它是最主要的入口点，其为我们使用Vue3的CompositionAPI新特性提供了统一的入口，用于初始化组件的状态和定义组合逻辑。

全局组件我是程序员我是程序员/*模板的第一种写法*/Vue.component('child1',{template:`我是child1`})Vue.component('childA',{template

安装Proj4js：首先，在Vue项目中安装P

业务场景：和后端联调中视频监控需要把人员位置框出，返回的后端只给视频和框选位置先上效果图成功给视频添加了两个框demo技术框架vue3+vite+typeScript引入ffmepgnpmi@ffmpeg

报错信息：vue解决办法：这是因为npmivue-router默认下载的是vue3.0版本对应的，这里需要指定下载版本npmivue[email protected]

该项目含有源码、文档、程序、数据库、配套开发软件、软件安装教程项目运行环境配置：Python3.7.7+Django+Mysql5.7+piplist+HBuilderX（Vscode也行）+uni+Vue

exportdefault{data(){return{}},mounted(){//监听按键varcode=''varlastTime,nextTime//上次时间、最新时间varlastCode,nextCode//上次按键、最新按键document.onkeypress=(e)=>{//获取按键if(window.event){//IEnextCode=e.keyCode}elseif(e.

在日常编写中发现不断的使用import太麻烦,每次使用组件都需要导入,应该如何解决呢可以通过unplugin-auto-import插件来完成主要功能自动导入Vue组件:例如ref,reactive,computed

自定义事件分发，$emit先看懂vue插槽（slot），在看自定义事件分发vueslot插槽因为自定义component组件无法直接访问vue实例（vm）中的数据和方法，所以如果在自定义组件中定义一个事件

今天在查看项目时,发现了一个vscode的报错:image.png报错信息:[vue/require-v-for-key]Elementsiniterationexpecttohave'v-bind:key'directives.eslint-plugin-vue

VitePress是一款基于Vite和Vue3的静态网站生成器，专为文档编写而设计。VitePress的默认主题提供了丰富的布局插槽，允许开发者在页面的特定位置注入自定义内容。

探索vue-fabric：强大的Vue图形编辑库vue-fabric基于canvasfabric.js库创建的vuefabric组件，定制画板，图片组合绘制项目地址:https://gitcode.com

1.问题描述Vue3.5.3中import{error}from"console";出现以下错误__vite-browser-external:console:3UncaughtError:Module"console"hasbeenexternalizedforbrowsercompatibility.Cannotaccess"console.error"inclientcode

在想要获取元素上添加“ref”ref="scroll"scroll为函数名vue获取指定元素xiaFn:function(){console.log(this.$refs.scroll)}

写在开头：本次项目采用的是vue2.0+iview3.0，最近公司没啥事，来总结一下开发过程当中遇到的问题。

写在开头：本次项目采用的是vue2.0+iview3.0，最近公司没啥事，来总结一下开发过程中遇到的问题。

最近有不少新关注的读者，在后台问：大学学Java和C++哪个好找工作，学前端好还是后端好，该学Vue还是React。。。

探索Vuex的世界-VuexExamplesvuex-examples:bear:SimpleExamplesonusingVuextobuildRealWorldApps项目地址:https://gitcode.com

点击methods:{clickfun(e){//e.target是你当前点击的元素//e.currentTarget是你绑定事件的元素#获得点击元素的前一个元素e.currentTarget.previousElementSibling.innerHTML#获得点击元素的第一个子元素e.currentTarget.firstElementChild#获得点击元素的下一个元素e.currentTa

想要实现一个点击一行，改行的背景色改变，高亮，如下图所示1、先开启element的高亮选项--><el-table-columnprop=&#

删除修改import{ref}from'vue';exportdefault{setup(){consttableData=ref([//...表格数据]);//处理行点击事件的方法（如果需要的话）consthandleRowClick

在Vue中，你可以使用标准的鼠标事件来监听和处理用户的鼠标交互。Vue并没有为这些事件提供特定的语法，而是使用了原生的DOM事件。