草庐IT

vue-elementul

全部标签

Vue3中简单使用Mock.js

mock.js简介 官方链接:Mock.js(mockjs.com)        前端开发人员用来模拟虚拟数据,拦截ajax请求,方便模拟后端接口安装npminstallmockjs使用        本文主要介绍在Vue项目中使用mock.js,包括axios发送请求与请求简单封装创建mock文件夹,新建index.js文件//引入mockjsimportMockfrom"mockjs";//获取mock.Random对象constRandom=Mock.Random;//使用mockjs模拟数据lettableList=[{id:"5ffa80aD-9CF4-0C77-eBFC-f661

记录--用了那么久的Vue,你了解Vue的报错机制吗?

这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 Vue的5种处理Vue异常的方法相信大家对Vue都不陌生。在使用Vue的时候也会遇到报错,也会使用浏览器的F12来查看报错信息。但是你知道Vue是如何进行异常抛出的吗?vue是如何处理异常的呢?接下来和大家介绍介绍,Vue是如何处理这几种常见的报错的。先和大家说说常见的五种处理报错的方法Vue中异常处理包含以下几个方面:errorHandlerwarnHandlerrenderErrorerrorCapturedwindow.onerror(不仅仅针对Vue)方法一:errorHandler在main.js文件中添加,或者引入Vue

vue 前端导出Excel表格(基础版 + 多级标题)纯前端导出

先看效果 纯前端基础导出的Excel表格 纯前端多级表头导出的Excel表格基础导出下面赋源代码1、安装依赖npminstallvue-json-excel2、在项目的入口main.js 引入importJsonExcelfrom'vue-json-excel'//引入导出ExcelVue.component('downloadExcel',JsonExcel)3、直接使用 导出 配置项json_fields:{//导出对应表格头部以及数据 "id":'id', "名字":'name', "颜色":'amount1', "字段1":'amount2', "字段2":'amount3',},4、

vue通过router地址传参跳转同一路由页面,页面不刷新的解决办法

笔记:路由页面间的跳转背景解决三种情况1、不同路由的跳转(/a/b1=>/a/b2)2、相同路由不同参数间的跳转(/a/b?c=1=>/a/b?c=2)3、相同页面锚点跳转(/a/b#id1=>/a/b#id2)背景vue、vue-router@4记录一下最近遇到的vue路由页面间的跳转的问题,其中就涉及到了不同路由的跳转(/a/b1=>/a/b2)、相同路由不同参数间的跳转(/a/b?c=1=>/a/b?c=2)、相同页面锚点跳转(/a/b#id1=>/a/b#id2)解决原因:渲染的是同一组件解决:可以在不刷新的页面通过监听route,重新加载数据//写法一scriptsetup>impo

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