vue
绅士1993
这个作者很懒,什么都没留下…
展开
-
vue项目导入excel文件数据保存到数据库
【代码】vue项目导入excel文件数据保存到数据库。原创 2022-12-12 16:52:06 · 1451 阅读 · 0 评论 -
2022年Vue-Devtools解压直接使用
源码已经经过npm处理,对某些配置文件也都进行了配置,下载直接就可以使用。原创 2022-12-11 14:22:00 · 264 阅读 · 0 评论 -
若依框架前后端打包到linux部署,踩坑
也就是想通过localhost/admin访问,而不是直接通过localhost访问。原创 2022-11-28 21:29:13 · 4150 阅读 · 0 评论 -
若依框架前端打包踩坑
能访问,而此时我们在 vue.config.js 中的配置信息为:,就算我们在 .env.development.js 中配置了proxy的值“warehouse-qr”,也只是代表我们在前端接口中调用“warehouse-qr”,路径重定向到了 “后台ip地址:端口号”,因为 pathRewrite 后面的值为:“”空字符串(具体可参照 2.1)。如果后台能访问,但是前端404,那么问题就出在前端这,看下图ip访问地址:已经确认后台地址“如上,检查请求头是否有缓存,若有缓存,清除缓存并刷新。转载 2022-11-26 23:39:53 · 6979 阅读 · 4 评论 -
vue兄弟组件传参
需要注意,如果兄弟组件2为v-if="active=1"的逻辑判断,还未创建的情况下,需要先赋值父组件data,再修改active=1,否则可能父组件data还未修改成功,兄弟组件2已经提前created了,导致传值是失败。这里需要注意,与上面相反,如果兄弟组件2为v-if="active=1"的逻辑判断,还未创建的情况下,需要先修改active=1,再调用兄弟组件2函数,否则可能出现兄弟组件2还未初始化,调用函数失败。首先创建一个js(bus.js) 文件,导出vue 对象。兄弟1调用兄弟2函数。原创 2022-10-25 14:13:04 · 1926 阅读 · 0 评论 -
vue+elementui快速开发前端的框架
作者对后台项目的增删改查重复性高的ui做了高度封装为一个vue组件,通过给组件配置参数,实现对数据的增删改查.该组件封装了包括子组件:搜索组件,表格组件,分页组件,增删改查弹框或页面组件.配置驱动界面,把相似性和共同行的数据进行了高度的集中,增删改查共享一份字段配置.基于此的高度封装,只需要配置json数据,用少量的配置实现重复性高代码冗余的增删改查功能。...原创 2022-08-15 10:41:00 · 745 阅读 · 0 评论 -
vue-element-admin发起post请求404
由于vue-element-admin是一个纯前端个人项目,所有的数据都是用mockjs模拟生成。它的原理是拦截了所有的请求并代理到本地,然后进行数据模拟,所以你会发现network中没有发出任何的请求。vue.config.js配置文件中的devServer代理配置注释掉beforerequire(‘./mock/mock-server.js’),不然所有请求都会被此拦截,可能会导致莫名的请求404。某些post请求会被拦截导致莫名的404。...原创 2022-08-01 09:55:25 · 1427 阅读 · 0 评论 -
vue-element-admin加通用组件快速开发后台
封装了通用表格,通用查询组,按钮组,模态框组件使用基于json配置,需要自己设计的ui很少,举例模态框,就封装了通用组件二十个左右,包括输入框,下拉框,日期框,开关,数字框,密码框…点击下载vue-element-admin.rar模态框组件代码展示FormDialog.vue<template> <section class="form-dialog-container"> <el-dialog v-loading="loading原创 2022-05-11 17:30:57 · 797 阅读 · 0 评论 -
easyclick界面使用vue
百度云下载demo,提取码:vbhe<!doctype html><html lang="en"><head> <!-- Required meta tags --> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <!.原创 2022-04-01 11:12:36 · 1098 阅读 · 0 评论 -
vue-cli@3+axios+springboot+springsecurity跨域代理配置
神坑啊,好坑1.vue-cli@3配置代理的文件名vue.config.js 放到根目录 !放到根目录 !放到根目录 !2.后端springsecurity放行所有请求,不然你根本访问不到,一直要你登陆,并且开启跨域(http.cors())3.springboot配置跨域(如果没有用到springsecurity,则需要配置,用到了,直接只配置springsecurity的http.cors()即可)4.理解代理配置替换前后规律,逻辑,少一个/多一个/都是4041.vue.config.jsm原创 2021-07-22 04:22:15 · 456 阅读 · 0 评论 -
vue slot+传参
vue slot+传参转载 2020-07-09 11:52:21 · 2602 阅读 · 2 评论 -
Vue:slot用法
Vue:slot用法转载 2020-07-07 14:51:13 · 1023 阅读 · 0 评论 -
vue对应的ui框架从脚手架方式切换为cdn的方法
vue的cdn方式会用,脚手架也会用,但是一直有个困扰我的问题.如何吧脚手架方式渲染的页面变成cdn方式不多废话,直接先上切换代码vue脚手架方式渲染页面的代码此处省略main.js引入第三方ui的js和css和app.vue,例子使用的vant(ui框架)<template> <van-tabs v-model="active"> <van-tab title="标签 1" class="tab">内容 1</van-tab> <原创 2020-06-16 16:02:43 · 1082 阅读 · 0 评论 -
理解Vuex的辅助函数mapState, mapActions, mapMutations用法
理解Vuex的辅助函数mapState, mapActions, mapMutations用法转载 2020-06-11 11:45:31 · 185 阅读 · 0 评论 -
Vue组件component标签的使用
<component></component>Vue组件component标签的使用转载 2020-06-03 14:45:54 · 1477 阅读 · 0 评论 -
vue-cli4搭建的项目,很多之前版本的配置文件都没有了,请问是不需要了吗?还是说需要自己手动去新建?
官方文档转载 2020-04-25 07:14:05 · 1756 阅读 · 0 评论 -
vue-cli3出现Invalid Host header的解决方案
最近用vue-cli3搭建了一个项目,结果一运行不停的报错,报错信息如下:Invalid Host/Origin header而且同时还发现另外一个问题,就是热更新也失效了产生原因新版的webpack-dev-server增加了安全验证,默认检查hostname,如果hostname不是配置内的,将中断访问。解决方案在根目录下创建文件vue.config.js,然后填入如下内容mo...转载 2020-03-26 15:22:00 · 519 阅读 · 0 评论 -
vue中读取本地文件
原理其实就是通过http请求访问项目的静态文件vue中读取本地文件转载 2020-03-25 19:38:06 · 10967 阅读 · 0 评论 -
基于Vue SEO的四种方案
https://segmentfault.com/a/1190000019623624转载 2020-01-13 01:30:44 · 959 阅读 · 0 评论 -
浅析Vue中computed与method的区别
1.computed区别于method的两个核心在官方文档中,强调了computed区别于method最重要的两点computed是属性调用,而methods是函数调用computed带有缓存功能,而methods不是OK,下面我们看一个具体的例子<!--HTML部分--><div id="app"> <h1>{{message}}</...转载 2019-10-11 14:58:12 · 245 阅读 · 0 评论