草庐IT

Vue-Instant

全部标签

微信小程序/vue3/uview-plus form兜底校验

效果图代码提交import{reactive,ref}from'vue';constformRole=ref(null);construles={'password':{type:'string',required:true,message:'请输入密码',trigger:['blur','change'],},'nickname':{type:'string',required:true,message:'请输入名称',trigger:['blur','change'],}}constform=reactive({nickname:null,password:null,});constsub

【Vue+Axios】Access to XMLHttpRequest at XXX from origin XXX has been blocked by CORS policy

问题描述基于Vue3和SpringBoot进行前后端分离开发,实现登录功能。在测试提交表单时axios报错。前端报错信息:Uncaughtruntimeerrors:ERRORNetworkErrorAxiosError:NetworkErroratXMLHttpRequest.handleError(webpack-internal:///./node_modules/axios/lib/adapters/xhr.js:155:14浏览器控制台报错:AccesstoXMLHttpRequestat'http://localhost:8088/api/admin/login'fromorigi

Vite4+Typescript+Vue3+Pinia 从零搭建(3) - vite配置

项目代码同步至码云weiz-vue3-template关于vite的详细配置可查看vite官方文档,本文简单介绍vite的常用配置。初始内容项目初建后,vite.config.ts的默认内容如下:import{defineConfig}from'vite'importvuefrom'@vitejs/plugin-vue'//https://vitejs.dev/config/exportdefaultdefineConfig({plugins:[vue()],})配置别名1.安装@types/nodenpmi@types/node-D2.修改vite.config.tsimport{defin

Vue2大屏项目的简要总结(vue、JavaScript、echarts、组件封装)

Vue2大屏项目的简要总结1、屏幕自适应—v-scale-screen简介实现的主要核心手段就是使用css属性transform实现缩放效果,会进行等比例计算达到等比缩放效果使用//1、安装依赖npminstallv-scale-screen-save#oryarnaddv-scale-screen//2、main.js中引入importVScaleScreenfrom'v-scale-screen'Vue.use(VScaleScreen)//3、使用v-scale-screenwidth="1920"height="1080"> v-scale-screen>简要说明通过该方法实现屏幕自适

基于ElasticSearch+Vue实现简易搜索

基于ElasticSearch+Vue实现简易搜索一、模拟数据产品名称描述价格库存数量品牌名称智能手表智能手表,具有健康跟踪和通知功能。199.991000TechWatch4K智能电视4K分辨率智能电视,提供出色的画质。699.99500VisionTech无线耳机降噪无线耳机,提供高品质音频体验。149.99800AudioMasters笔记本电脑高性能笔记本电脑,配备快速处理器。999.99300TechLaptops数码相机高分辨率数码相机,支持多种拍摄模式。449.99200PhotoPro便携式充电器便携式充电器,为移动设备提供电力。29.992000PowerBoost无线路由器

vue.js中的数据变量在视图中未出现在AJAX请求填充时

我有下面的代码,“tarefas”变量没有出现在我的V-FOR中,并且我验证了服务器的响应及其确定,数据即将到来。当我在输入字段中添加新数据时,它可以正常工作JS:varapp=newVue({el:'#app',data:{titulo:'ListadeTarefas',tarefas:[],tarefa:''},methods:{addTarefa:function(){console.log(this.tarefa);if(this.tarefa!==''){this.tarefas.push({identificador:0,descricao:this.tarefa,feito:0}

vue2+elementui使用MessageBox 弹框$msgbox自定义VNode内容:实现radio

虽说实现下面的效果,用el-dialog很轻松就能搞定。但是这种简单的交互,我更喜欢使用MessageBox。话不多说,直接上代码~el-buttontype="primary"size="mini"@click="handleApply()">处理申请el-button>handleApply(){consth=this.$createElement;let_this=this;_this.statu='1';if(document.getElementById('radio1')){//默认按钮选中同意,否则下次打开对话框按钮值为上次选中的值document.getElementById(

springboot+vue基于Hadoop短视频流量数据分析与可视化系统的设计与实现【内含源码+文档+部署教程】

博主介绍:✌全网粉丝10W+,前互联网大厂软件研发、集结硕博英豪成立工作室。专注于计算机相关专业毕业设计项目实战6年之久,选择我们就是选择放心、选择安心毕业✌🍅由于篇幅限制,想要获取完整文章或者源码,或者代做,拉到文章底部即可看到个人VX。🍅2023年-2024年最新计算机毕业设计本科选题大全汇总感兴趣的可以先收藏起来,还有大家在毕设选题,项目以及论文编写等相关问题都可以给我留言咨询,希望帮助更多的人 。技术应用:1.技术栈:Java+springboot+vue+echarts2..数据库mysql3..eclipse/idea开发工具该系统基于Hadoop平台,利用Java语言、MySQL

灵活运用Vue指令:探究v-if和v-for的使用技巧和注意事项

   🎬 江城开朗的豌豆:个人主页 🔥 个人专栏 :《VUE》 《javaScript》 📝 个人网站 :《江城开朗的豌豆🫛》 ⛺️ 生活的理想,就是为了理想的生活 !目录 ⭐ 专栏简介 📘 文章引言一、作用二、优先级示例三、注意事项⭐ 写在最后 ⭐ 专栏简介        欢迎来到前端入门之旅!这个专栏是为那些对Web开发感兴趣、刚刚开始学习前端的读者们打造的。无论你是初学者还是有一些基础的开发者,我们都会在这里为你提供一个系统而又亲切的学习平台。我们以问答形式更新,为大家呈现精选的前端知识点和最佳实践。通过深入浅出的解释概念,并提供实际案例和练习,让你逐步建立起一个扎实的基础。无论是HTM

Vue开发项目入门——Vue脚手架

1.什么是Vue脚手架        Vue脚手架是Vue官方提供的标准化开发工具(开发平台),它提供命令行和UI界面,方便创建vue工程、配置第三方依赖、编译vue工程。    特别注意:Vue脚手架是用来方便开发的,但vue脚手架不是最终发布到生产环境的产品。很多人会误认为生产环境也要安装vue脚手架。2.vue脚手架执行步骤        建议以管理员角色打开cmd界面,开始->Windows系统->命令提示符->更多->以管理员身份运行。如果当前用户是管理员用户,直接使用组合快捷键Windows+R打开cmd界面 1、先查看是否安装了vue,执行命令vue-V 如果提示:'Vue'不是