自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(10)
  • 收藏
  • 关注

原创 vue中播放消息提示报警音

有时候我们在项目中需要自动报警提示音或者语音提示音,在新版本的浏览器中,edge浏览器和谷歌浏览器需要在设置中打开相关声音权限edge浏览器 设置-搜索所有权限-找到自动播放- 控制是否自动播放网站上的音频及视频 打开允许谷歌浏览器 设置-隐私和安全-网站设置-声音 允许},或者我们在vue的data中创建一个Audio对象然后在方法中使用},

2023-07-18 19:03:20 2635 1

原创 qiankun 出现[import-html-entry]: error occurs while executing normal script

因为我在子应用引入了第三方JS文件,是通过webpack插件方式引入的。直接在public.html文件中引入,并且添加ignore属性。

2022-10-11 14:22:07 3185

原创 css中的&符号作用

:before相当于.clearfix :before。之前遇到样式&符号一直很疑惑,查了相关资料,知道了其作用。&:after相当于.clearfix :after。表示在嵌套层次中回溯一层,即。

2022-10-11 10:51:42 1822 1

原创 乾坤qinkun微前端的开发和部署

另一种方案就是额外新建一个空白的路由页面,将其它所有的路由都作为它的子路由(放在children属性中),这种方式放在children中的子路由不需要在每个路由中都加前缀 /vueChild,但是也不能加 “/”,否则就跳转到了跟目录下,也容易与主应用路由冲突。一种是所有的路由都是采用平铺式(即所有路由都在同一层级),但这种配置方式需要在每个路由前都要加上前缀 “/vueChild”,包括所有的route-link标签的to属性也都需要添加此前缀。3.由于我使用的路由模式是hash模式的。

2022-09-22 14:10:04 745

原创 vue 项目打包报错 CSS minification error

但是,我的代码里并不存在这种问题,最后,我看控制台的报错提示,在node_modules的某个资源文件夹中,并查找相关资源,找到@intervolga 文件夹下index.js 把报错的throw new Error注释了。今天在打包vue的项目时候,会出现了一个问题,在控制台报错 CSS minification error。这是第一次遇到这问题,网上查找了一边,基本都是提示css的语法错误。

2022-09-21 10:10:44 2574 3

原创 vue后台管理系统的菜单和按钮权限控制

然后这样就实现了菜单级别的权限控制,这样权限在刷新之后,由于我的菜单路由都是存放在vuex当中的,所以,我在刷新之后,通过同步请求重新请求,解决刷新之后无菜单的问题。实现后台管理系统的实现逻辑:后台登录,由后台开发返回动态路由,然后前端更具返回的动态路由实现侧边栏。最后,按钮级别的权限控制,通过全局的自定义指令实现的。一级菜单,二级菜单,三级菜单,在child遍历。直接上代码,首先登录返回后台路由形式如下。

2022-09-05 16:07:12 2864

原创 vue中实现a标签下载本地文件的功能

首先我们把需要下载的静态文件存放到vue项目的public/static文件夹下面。然后在需要使用的vue文件中定义方法。话不多说,直接上代码。

2022-08-30 17:28:14 5450

原创 vue前端websocket的配置转发

vue中websocket的配置转发和使用

2022-08-22 15:32:09 1967

原创 vue前端页面获取实时天气

这时候我们已经获取到省份和地区市,我们可以通过存储的pro和city,注意实时和风天气必须要有开发者key。封装了它的接口,在本地使用,vue.config.js中配置并且转发使用。上线时候,我使用的是ngnix转发,这样我们就能实时获取到天气内容啦。然后具体获取实时天气的,使用的是和风天气提供的接口。首先获取用户定位的ip地址,我这边使用的是。getCity 方法获取到的是。提供的接口,使用方法如下。

2022-08-19 17:35:24 6941 1

原创 addRoute动态添加路由导致浏览器警告

在动态添加路由的时候会在控制栏出现各种各样的路由警告,刚开始以为是路由name重名问题引起,后查询相关资料是动态路由添加引起的,在router/index.js文件下创建一个方法resetRouter()

2022-08-19 16:46:11 416

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除