前端学习
hykDatabases
这个作者很懒,什么都没留下…
展开
-
不同域名网站携带信息跳转并保存到localStorage中
在不同网站的间的切换并携带信息到另一个网站。比如A网站(http://40.20.55.117:8080)B网站(http://30.20.65.19:8081),现在要通过A网站,链接到B网站,并携带相关的参数到B网站,由于每个网站之缓存到本地的数据,在不同源的情况下,是无法共享的。以下是在Vue中使用iframe+postMessage进行的不同站点之间的信息通讯解决方案。A站点的页面代码(数据的发送方)<template> <el-main class="cc-display原创 2021-06-04 18:24:32 · 2297 阅读 · 0 评论 -
vue报错Invalid prop: type check failed for prop “value“. Expected String, Number, got Array
在使用elementui的下拉框时控制台报如下错误。虽然报错但是不影响页面的使用,但是看到报错,心里很不舒服。 [Vue warn]: Invalid prop: type check failed for prop "value". Expected String, Number, got Array found in---> <ElInput> at packages/input/src/input.vue <ElFormItem> at packa原创 2021-03-06 14:46:07 · 26257 阅读 · 0 评论 -
vue项目部署到tomcat,刷新二级路由页面变空白
百度了很久,大部分是在项目的路径下与index.html创建一个WEB-INF文件夹人,在该文件夹下创建一个web.xml文件并添加如下内容:<?xml version="1.0" encoding="UTF-8"?><web-app xmlns="http://xmlns.jcp.org/xml/ns/javaee" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schema原创 2021-03-02 22:40:23 · 634 阅读 · 0 评论 -
Vue中三级菜单页面跳转路由改变页面不变
再写后台管理的时候遇到了三级菜单相互跳转时,地址变了,页面没有变。解决:在二级菜单上加上加上一个router-viewcomponent: {render(c) {return c('router-view')}},原因是共用了一个<router-view></router-view>...原创 2021-02-03 00:12:29 · 2336 阅读 · 1 评论 -
vue路由跳转时报错
vue的同级子路由把路径把路径写成多级时(例如:/foo/zz),第一次点击其中一个子路由,可以正常跳转,接着点击其他的路由报错如下。解决:在vue.config.js中添加下面的配置,重启服务就可以了module.exports = { publicPath: '/',}...原创 2021-01-25 00:43:54 · 391 阅读 · 0 评论 -
vue中把数据导出为Excel
在做项目中遇见了这样一个需求,把表数据导出为Excel,百度了大半天,好多都是需要修改发送请求的响应数据类型,很麻烦。偶然间发现了一款好用的数据导出组件,只需要把表数据以数组的形式传递过去就可以了,官网地址:https://www.npmjs.com/package/xlsx实现步骤如下:安装相应的依赖库npm install -s xlsx创建一个工具类进行方法的封装,以便于其他地方的调用。我创建的文件名叫data2Excel.jsimport XLSX,{ WorkSheet } from原创 2021-01-11 22:00:53 · 400 阅读 · 0 评论 -
vue-element登录逻辑permission.js
permission主要负责全局路由守卫和登录判断,下面是对其的一些注释解释import router from './router'import store from './store'import { Message } from 'element-ui'import NProgress from 'nprogress' import 'nprogress/nprogress.css' //auth文件主要依赖js-cookie模块,把getToken,setToken,removeToke原创 2020-12-25 20:55:46 · 695 阅读 · 0 评论 -
vue开发需要注意的事项
在vue开发中,操作引用类型时一定要注意,不能直接用等号赋值(foreach循里面的变量也一样)要想操作一份数据把原来的数据保留,就需要浅复制,要不然你操作的一个变量会影响到另一个变量的值。可以使用下面的转换一个对象,这样就实现了浅复制。JSON.parse(JSON.stringify())后期继续更新…………...原创 2020-12-03 21:56:25 · 249 阅读 · 1 评论 -
vue中同级页面调用另一个页面的方法
问题:在vue前端项目开发时,需要从一个页面中调用另一个页面(同级组件)中的方法,这两个页面没有直接的关系,就像是在layout中的头部和内容区域的组件,需要在内容区域操作数据后调用头部组件中的方法。解决:在vue中官方已经给提供解决方法了:下面是我具体的实现首先创建一个工具随便命名,我的是 siblingCall.jsimport Vue from "vue"export default new Vue;在两个同级页面都引入定义的工具首先在需要调别的组件中的方法的页面// 首先引入原创 2020-12-03 21:20:52 · 3905 阅读 · 0 评论 -
vue+elementUI实现省市区级联选择
有两个可以实现用法比较简单,一个是element-china-area-data另一个是比较简易的V - Distpicker在此记录一下。原创 2020-11-28 10:31:02 · 1833 阅读 · 0 评论 -
element-ui(饿了么)选择下拉框以及校验
问题描述最近在使用elementUI做一个项目,遇到了一个小问题。需求是在新添加数据时,选择下拉框显示提示语(请选择XXX),如果是修改的时候,默认显示的是从后台获取的数据。我是从后台获取的数字类型,需要默认的显示再下拉选择框中。问题解决看官网上的实例,el-option标签的数据源数组的每个对象有value和label两个属性,value对应的就是标签el-select中v-model绑定的...原创 2020-11-25 21:20:10 · 6745 阅读 · 0 评论 -
饿了么ElementUI和高德vue-amap实现自动定位和手动选择
vue-amap参考地址:https://elemefe.github.io/vue-amap/#/zh-cn/introduction/installElementUI参考https://element.eleme.cn/#/zh-CN/component/quickstart首先安装依赖npm install vue-amap --save在项目的main.js下进行全局引入//高德地图import VueAMap from "vue-amap";Vue.use(VueAMap)V原创 2020-11-21 01:20:09 · 1178 阅读 · 0 评论 -
web登录刷新报404找不到资源
之前还好好的,但是突然出现了登录或刷新报404的问题,找不到资源了??VUE工程打包后,history模式在IIS服务器上,非初始路由下,刷新报404错误解决方案vue默认模式是hash模式,URL地址会带有“#”。比如:http://www.bbb.com/#/index为了去掉这个#,需要在vue-router中,设置model为history,开发模式下没有问题,打包后发布到iis服务器上,问题来了,在访问上线后的项目报404错误。问题原因:服务端的URL匹配不到相应的路由资源解决方案:原创 2020-10-20 21:57:28 · 1096 阅读 · 2 评论 -
笔记本电脑设置可执行脚本策略
问题:nodemon : 无法加载文件C:\Users\Y\AppData\Roaming\npm\nodemon.ps1,因为在此系统上禁止运行脚本。有关详细信息,请参阅 https:/go.microsoft.com/fwlink/?LinkID=135170 中的 about_Execution_Policies。所在位置 行:1 字符: 1解决:方式一以管理员身份打开PowerShell在命令行输入以下命令:set-ExecutionPolicy RemoteSigned回车后输原创 2020-10-18 13:10:40 · 597 阅读 · 0 评论