- 博客(11)
- 收藏
- 关注
RSS订阅原创 大屏自适应、大屏边框样式、大屏
下面只介绍Vue的使用方法，React的可以自行去官网查看。1、vue通过 npm或者yarn下载都可以。引入完成之后，里面的组件可以直接使用。2、在main.js中引入并进行挂载。分享一款适用于大屏的组件库 。Vue 大屏数据展示组件库。大屏自适应，echarts
2025-01-14 14:39:32
240
原创 Vue2中怎么引入使用Open Layers
也可以使用npm install ol@版本号下载指定版本，npm view ol versions查看所有版本。3、在要显示地图的页面引入 ol 的API配置项。2、下载好之后在main.js中引入css样式。
2025-01-13 17:32:23
432
原创 大屏可视化自适应屏幕
使用transform：scale（缩放实现）,页面设置为高1080，宽为1920，然后使用document.documentElement.clientWidth和document.documentElement.clientHeight获取到当前页面的大小，根据设置的宽高计算出百分比进行缩放。2.2、如果是单页面自适应就在自适应页面引入，全局的话在app.vue页面引入。可以使用autofit.js插件实现自适应。
2024-09-25 17:41:20
548
原创 前端下载文件和预览的方法（最简单）
以上全部依靠a标签实现简单的文件预览和下载。1、location.href方式下载。3、在元素中创建a标签,实现下载。2、使用a标签实现下载。
2024-07-08 10:40:35
668
原创 vue引用vue-office实现docx、excel、pdf等文件预览
vue-office支持多种文件(docx、excel、pdf)预览的vue组件库，支持vue2/3，也支持非Vue框架的预览。安装完之后需要注意vue版本，如果是vue2.6版本或以下还需要额外安装 @vue/composition-api。注意：目前vue-office不支持doc格式。
2024-07-02 17:05:26
3325
3
原创 按钮鉴权（UI鉴权）
首先要用到自定义指令，挂载全局use ，通过小型vue创建自定义指令，在页面上使用自定义指令并进行传参（参数必须是数组），如果登录之后没有权限，就把对应的DOM删除。创建一个函数并且接收页面传给自定义指令中的参数，判断是否是数组不是的话抛出异常，获取存放在vuex中获取用户的权限， 判断用户的权限是否包含传入的值在去删除节点，如果传入了el，并且没有权限，删除当前dom。
2023-10-09 09:59:58
125
1
原创 如何实现动态路由权限
首先配置路由表，创建函数并且导出，设置一个状态，默认false没有添加新的路由，递归遍历菜单，在下面调用递归函数传入菜单，根据菜单的frontpath属性找到对应的路由，返回一个值，这个值是路由项，判断如果路由表中没有这个路由，就使用router.addRoute添加到路由表中，将设置的状态改为true，判断如果有子菜单并目子菜单长度大于0，递归遍历子菜单传入子菜单，然后进设置的状态return出去，在路由鉴权里面初始值一个状态，在判断有token的情况下，动态添加路由。
2023-10-09 09:57:05
118
1
原创 后台项目中excel导入、excel导出
调用导出接口------接收二进制流blob------下载文件在axios中配置responseTyle为blob下载 npm install file-saver 插件实现下载blob文件file-saver中有一个saveAs方法来进行导出。
2023-10-09 09:48:17
419
2
原创 vue中App模块有，但依旧警告
创建完vite+vue项目后报警报，找不到App.vue模块，但不正常使用。可以在src中创建一个env.d.ts文件，然后在里面写入。配置完之后就没有警报了。
2023-09-26 10:51:39
105
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人