草庐IT

Vue-Instant

全部标签

Vue-自定义表单验证(rule,value,callback)详细使用

前言最近在实际开发中遇到需要验证合同编号是否在数据库已经存在,自定义表单验证。的表单验证大家都知道form绑定rules,prop绑定值与form.值一样,必填,失去焦点触发提示信息。今天我们讲一讲自定义验证规则具体使用场景和它的三个参数意思和使用当我们明白了validator3个参数意思,我们就可以随机组合我们自己的验证规则了自定义验证规则prop绑定值:[    {     validator:(rule,value,callback)=>{      console.log('验证规则信息',rule);      console.log('输入框的值',rule);      //ca

基于Java+Vue+uniapp微信小程序大学生心理健康服务设计和实现

博主介绍:✌全网粉丝30W+,csdn特邀作者、博客专家、CSDN新星计划导师、Java领域优质创作者,博客之星、掘金/华为云/阿里云/InfoQ等平台优质作者、专注于Java技术领域和毕业项目实战✌🍅文末获取源码联系🍅👇🏻 精彩专栏推荐订阅👇🏻 不然下次找不到哟2022-2024年最全的计算机软件毕业设计选题大全:1000个热门选题推荐✅Java项目精品实战案例《100套》Java微信小程序项目实战《100套》Python项目实战《100套》感兴趣的可以先收藏起来,还有大家在毕设选题,项目以及论文编写等相关问题都可以给我留言咨询,希望帮助更多的人​系统介绍:随着信息技术在管理上越来越深入而广

vue3-print-nb 实现页面打印(含分页打印)

安装vue3-print-nbnpminstallvue3-print-nb--save引用vue3-print-nb全局引入//全局引用import{createApp}from'vue'importAppfrom'./App.vue'importprintfrom'vue3-print-nb'constapp=createApp(App)app.use(print)app.mount('#app')局部引入//单组件引用importprintfrom'vue3-print-nb'//在自定义指令中注册directives:{print}API官网地址:https://github.com/

vue3 实现pdf预览

需要下载pdfjs-disttemplate>a-modalclass="fill-modal"v-model:open="state.visible":title="state.modalTitle"width="50%"@cancel="handleCancel">divclass="preview-btns-posi">a-buttontype="primary"@click="exportBtn":loading="state.downLoading">下载/a-button>a-button@click="handleCancel"type="primary">返回/a-button

vue2 使用 cesium 篇 【第一篇】

vue2使用cesium篇今天好好写一篇哈,之前写的半死不活的。首先说明:这篇博文是我边做边写的,小白也是,实现效果会同时发布截图,如果没有实现也会说明,仅仅作为技术积累,选择性分享,不做教学哈。不好别喷。安装cesium这个就很简单,只需要一句简简单单的命令就可以实现在vue项目中安装cesium了。npminstallcesium--save然后等待安装完成就可以了兄弟们!!这个样子嘞,就是安装完成了,会开发vue的都晓得哈。看一下依赖包里面,也成功下载了cesium的依赖,非常棒!!接入项目cesium接下来就是使用,这个步骤很不好整,cesium的官方文档写的很不友好,许多新手小白很难

nginx配置vue前端代理

背景:做一个前后端分离的项目,我这里是vue3+view+ts创建的前端项目,在前端配置跨域请求。一、开发阶段在vue.config.js中配置devserver的proxy进行代理请求配置,然后将所有请求改为/api开头的即可。但是这样配置只在开发阶段起作用。所以在nginx上部署的时候,需要再重新配置请求代理。vite.config.ts中代码配置如下:devServer:{port:8089,//启动端口open:true,//启动后是否自动打开网页proxy:{"/api":{target:"http://192.168.xx.xx:8083",//如果访问/api就在其前面加targ

vue3+动态路由

     动态路由,也就是不是写死的路由,根据自己的需求加载不同的页面;现在很多的后台管理项目就是根据用户角色的不同分配不同的功能菜单(页面);    根据用户登录的角色返回可以访问的页面路由,前端将路由存储到 pinia 实现持久话存储,然后在路由前置守卫用addRoute动态添加路由,对页面进行渲染。    通常的实现步骤:前端调用登录接口获取用户ID(uid)     前端用uid请求接口获取路由表(JSON)对路由表进行数据格式话形成树形结构树形结构转vue路由结构路由结构转 静态路由树形结构转 菜单组件 下面是我练习一个demo,仅用于学习与记录;服务端代码结构:     服务端在本

Centos7通过nginx+tomcat部署Vue+SpringBoot项目(超详细步骤,从nginx+tomcat安装到Vue+SpringBoot打包配置+nginx.conf)

目录一丶前言二、安装nginx1.准备nginx2.服务器上传nginx3.解压nginx 4.安装相关依赖库5.编译nginx6.启动nginx7.访问nginx 8.安装成系统服务三、安装Tomcat1.安装JDK(如果安装并配置环境变量了可以略过)2.准备Tomcat3.服务器上传tomcat4.解压tomcat 5.启动tomcat6.访问tomcat7.设置Tomcat开机启动 四、前端Vue打包1.配置文件.env.production2.配置vite.config.js文件3.配置reques.js4.配置router.js5.配置package.json五、后端SpringBo

Vue公共loading升级版(处理并发异步差时响应)

公共loading是项目系统中很常见的场景,处理方式也不外乎三个步骤:1.通过全局状态管理定义状态值(vuex、pinia等)。2.在程序主入口监听状态值变化,从而展示/隐藏laoding动画。3.在请求和相应拦截器中变更状态值。第一二步骤处理大同小异,但在第三步中,网上很多博文分享的方法是:在请求拦截中展示loading,在响应拦截器中判断收到成功响应时直接隐藏loading,这种方法看似可行但实际过程中却有问题。例如,假设在第0秒时同时向后台发送了两个异步请求A和B,由于网络或处理逻辑不同,A请求0.5秒秒收到成功响应,B请求2秒才收到。那在第0.5秒,响应拦截器就会把loading状态变

vue使用Axios详细流程

一、安装使用npm:npminstallaxios或使用yarn:yarnaddaxios二、配置Axios在src/plugins目录下新建axios.js文件,在该文件里对axios进行自定义配置,如下图: axios.js全部代码:"usestrict";importVuefrom'vue';importaxiosfrom"axios";//Fullconfig:https://github.com/axios/axios#request-config//axios.defaults.baseURL=process.env.baseURL||process.env.apiUrl||'';