- 博客(32)
- 收藏
- 关注
RSS订阅原创 vue 打印区域内容 vue-print-nb
一、安装依赖：npm install vue-print-nb --save，并且在main.js中引入。在全局样式中，新增标签，添加打印时才生效的样式。三、在组件的打印按钮标签上使用指令 v-print="print", 其中print是配置对象。二、在组件需要打印的区域元素标签上加 id="printArea"1、打印过滤（隐藏打印区域不需要打印的内容）使用vue-print-nb实现打印功能。四、定义print配置对象。
2023-10-13 10:56:48
496
原创 echarts使用getDataURL图表数据不显示的问题的解决方案
导出图表图片，返回一个 base64 的 URL，可以设置为。这样直接使用之后发现，下载下来的图表图片只有底图，而没有数据。发现配置series关闭动画效果，数据就能显示。或者设定时器setTimeout延时使用。
2022-11-29 10:41:45
2769
原创 VUE导出文本以及echarts图表到word文档（docxtemplater）
【代码】VUE导出文本以及echarts图表到word文档（docxtemplater）
2022-11-29 09:42:33
876
原创 vue在css中使用@路径报错问题
vue.config.js配置@不对style部分的css生效。css loader 会把把非根路径的url解释为。， 加~前缀才会解释成模块路径（~@代表根路径）。
2022-10-12 10:02:15
2302
原创 无法加载响应数据,failed to load response data：request content was evicted from inspector cache
若想查看全部内容，也可以在火狐浏览器url栏输入about:config进行修改devtools.netmonitor.responseBodyLimit，自定义大小。发现是由于接口传递了几个base64编码的图片，响应报文被截断,超出浏览器响应报文的最大量 , 导致浏览器自动截断。:后端处理,减少该接口返回的数据量。
2022-10-11 16:42:56
21142
原创 在react 中使用 [email protected] -（解决initialSlide初始化设置无效问题）
在react 中使用 Swiper(@6.8.4)，添加额外模块（Pagination）。initialSlide={index}值设定无效问题。初始化SwiperObj实例，然后在改变请求数据改变之后SwiperObj.slideTo(index)去跳转。或者新增一个key参数来接受变化的值。......
2022-09-01 10:05:23
1565
1
原创 前端权限控制（三）：根据后台接口数据传递页面按钮权限-自定义指令-实现按钮级权限控制
通过自定义指令来实现对按钮的控制：后端返回异步路由表中添加页面按钮权限字段，前端根据返回表中的权限来操作按钮。创建文件夹directives下index.js// 自定义指令BtnRole}})}}// 自定义指令，用来控制按钮权限// 当前按钮传递的值( v-BtnRole="'add'" 中的值)// 获取到存放在 store 中的权限数据// 如果不存在权限列表if (!} else {// 判断是否存在对应的按钮权限})// 不具备权限则删除（隐藏）.........
2022-08-12 10:22:28
1998
原创 前端权限控制（二）：VUE-router.addRoutes根据后台接口传递数据生成动态路由，前端拿到配置并生成侧边栏-实现页面级权限控制
登陆成功之后直接由后端返回异步路由表，然后前端直接通过addRoutes方法进行添加，并且生成侧边栏。大致步骤：1.拦截路由2.取到后台路由数据3.添加并且保存路由（VUEX）。因为后台传回的组件路径‘component’是字符串，所以要把加载组件的过程 封装成一个方法，因为有多级路由的出现，所以要写成遍历递归方法，确保把每个component转成对象。要注意的是Layout组件需要特殊处理。Layout 是架构组件，不在后台返回，在文件里单独引入............
2022-08-12 09:45:08
2916
2
原创 uniapp一套代码打包两个APP 安装失败，提示：与已安装应用签名不同，该文件包与具有同一名称的现有文件包存在冲突
同一套代码要打包两个不同app，更换了名称和图标，未做区分还跟换了打包签名文件。安装第二个apk的时候发生冲突，提示如下图：与已安装应用签名不同。最好打包的每一个app都添加。
2022-08-11 10:54:42
3185
原创 VUE项目：Property “visible“ must be accessed with “$data.visible“ because properties starting with “$“
Message.error()或Message()接收类型string，而现在message是个对象，所以报错。找了一下问题，发现是Element UI里面Message传参格式问题导致。这种错误一般都是因为传的参数跟方法接受参数类型不符引起。......
2022-08-10 10:33:01
2916
原创 前端权限控制（一）：前端权限管理及动态路由配置方案
在项目中，尤其是在后台管理系统中，不同人员登陆，看到的页面菜单是不一样的，比如，一个公司的办公系统，超级管理员登陆可以看到所有的页面，而普通员工账号登录可能无法看到人员管理等页面，比如公司的员工个人资料页面只有人力资源部门有权利看，其他部门的员工是不允许查看公司员工信息数据的。当然了除了页面的权限，还会有一些按钮级别的权限，比如一个下载按钮，有的帐号可以用，有的人不能用，比如人员账号管理中，一个页面中有一个确认添加、删除该账号人员按钮，这个按钮只有管理员有权利点击，其他人员登陆是无法点击的。........
2022-08-01 15:17:30
11801
原创 VUE前端公用组件封装提取、上传（npm）、使用
组件VUE最强大的功能之一，组件可以扩展HTML元素、封装可重用的代码，在较高层面上，组件是自定义的元素，vue的编译器为它添加特殊功能，在有些情况下，组件也可以是原生HTML元素的形式以js特性扩展。上传代码主要的的一项工作就是将封装好的组件注册为全局组件，用到了Vue.component()方法，当使用Vue.use()时，install方法便会执行。组件在引用之后，相当于在父组件内部开辟了一块单独的空间，来根据父组件props过来的值进行相应的操作，但本质上两者还是泾渭分明的，相对独立。.......
2022-08-01 09:44:30
4380
原创 使用sourcetree推送仓库时 Failed to connect to www.google.com port 80: Timed out
使用sourcetree推送仓库时 Failed to connect to www.google.com port 80: Timed out，把向Git/Mercurial配置文件中添加。完成时带有错误，见上文。信息前面的对勾去掉。
2022-07-26 15:23:45
1413
原创 VUE导出excel文件 -blob方法返回文件流并下载问题
VUE返回文件流并下载问题：先设置请求类型：responseType: 'blob'。当直接使用window.open 时，遇到浏览器无法预览的文件会直接下载（如exel表格等）但遇到浏览器能预览的文件（如图片、pdf等）会打开新页面而不会下载，最后通过链接打开直接下载。...
2022-07-26 09:48:08
1294
原创 vue eCharts Cannot read property ‘init‘ of undefined 报错问题
打断点发现this.$echarts为undefined，怀疑引入依赖问题，检查package.json已引入，最后更换。",//替换为4.8.0。解决，可能是最新版本问题。eCharts的版本。
2022-07-21 16:50:20
313
原创 layui问题总结
标签如果是button，会请求两次后台数据，如果不写data-type会请求一次，但搜索的表单数据不能传到后台。在同一页面渲染多个laydate组件的时候不能像下面那样写，会冲突覆盖，导致只能渲染第一个。实例化一个表格的时候table.render里面设置表头格式不对（多了个逗号）表单的提交文件，除非特殊要求，一般情况下，都是跟表单所有属性一起提交。submit如果不returnfalse会重新刷新页面。解决不写button标签，写成a标签。自动提交为false。...
2022-07-21 16:41:36
957
原创 uniapp问题：“navigationBarTextStyle“报错：Invalid prop: custom validator check failed for prop “navigat
将【pages.json】中的navigationBarTextStyle导航栏标题颜色修改为black/white即可。解决方法报错原因navigationBarTextStyle导航栏标题颜色仅支持black/white。不支持#fff等格式。
2022-07-21 15:18:37
820
原创 uniapp问题：打包好的apk 在电脑安卓模拟器上无法运行
第8代、64位ARM处理器（ARM64位），最近两年新发的设备使用此CPU类型，可以兼容使用armeabi-v7a的so库。少部分平板使用x86，AS模拟器中选了intelx86时使用x86处理器，以及其它常用三方模拟器通常使用x86。第7代及以上的ARM处理器（ARM32位），市面上大多数手机使用此CPU类型。打开mainffest.json文件，在支持CPU中把X86勾选上就可以了。原因就是模拟器一般都是x86架构；...
2022-07-21 15:03:20
6803
2
原创 echarts自定义地图总结(VUE)
echarts自定义地图区域实现。地图Json分离、合并。将一个省拆分为两个省。现在打开下载好的自定义json发现地市之间有分界线，需求要求在原先的中国地图上以整体来呈现，接下来就要实现合并。想要实现地图区域合并，重点在于地图Json合并。...
2022-07-21 14:55:34
2692
1
原创 使用element-ui框架的el-dialog弹出框被遮罩层挡住了
Q:element-ui框架的el-dialog弹出框被遮罩层挡住了A:在el-dialog标签里添加 append-to-body="true"（Dialog 自身是否插入至 body 元素上）
2021-01-26 15:14:00
477
原创 vue项目中eCharts报错问题：vue eCharts Cannot read property ‘init‘ of undefined
Q: vue eCharts Cannot read property ‘init‘ of undefined 报错问题解决：在初始化myCharts=this.$echarts.init(this.$refs.myCharts);打断点发现this.$echarts为undefined，怀疑引入依赖问题，检查项目package.json发现已引入，最后更换eCharts 的版本解决，怀疑可能是echarts最新版本问题。"echarts": "^5.0.0", // 替换...
2021-01-26 15:11:53
1118
原创 angular6中angular-cli自定义指令报错
创建指令语法：Directive ng g directive my-new-directive 问题：PS G:\webprojects\demo> ng g directive routes/dashboard/form-promptMore than one module matches. Use skip-import option to skip i...
2018-08-13 17:50:07
668
原创 初步了解VUE
VUE中文官网：https://cn.vuejs.org/VUE安装教程：https://cn.vuejs.org/v2/guide/installation.html 注：Vue.js 支持所有兼容 ECMAScript 5 的浏览器（Vue.js 不支持 IE8 及其以下版本）。初步了解VUE模板语法每个 Vue 应用都是一个或多个 Vue 实例： var vm = new Vue({})V
2018-01-03 18:02:35
515
转载 关于vue的npm run dev和npm run build
转自：https://www.cnblogs.com/hl0203/p/7138600.html . . .关于vue的npm run dev和npm run build├─build│ ├─build.js│ ├─check-versions.js│ ├─dev-client.js│ ├─dev-server.js│ ├─utils.js│ ├─vue-l
2018-01-03 16:14:59
5196
原创 vue相关环境搭建
Node.js安装Node.js安装包及源码下载地址为：https://nodejs.org/en/download/双击下载后的安装包，出现如下所示安装向导，接受协议、选择安装目录，一直下一步即可安装完成： 点击 Finish（完成）按钮退出安装向导。 检测PATH环境变量是否配置了Node.js，点击开始=》运行=》输入”cmd” => 输入命令”path”，输出如下结果,环境变量中已经包含
2018-01-03 16:14:06
196
原创 React-jsx、html、css基本知识点
观看视频地址：https://www.imooc.com/video/9819环境搭建：方法：使用creacte-react-app进行快速构建 create-react-app是来自于 Facebook，通过该命令可以无需配置就能快速构建 React 开发环境。执行$ cnpm install -g create-react-app，安装 执行$ create-react-a
2018-01-03 16:12:49
1342
转载 JS中的!!
js中的！！相当于类型转换，可以将对应的类型转换为boolean型。!!b指的是将b转换为boolea值 去两次非是因为将b转换位boolean值后取了一次非，所以得到的值正好相反，再取一次反回来。以下为转载：!!一般用来将后面的表达式强制转换为布尔类型的数据（boolean），也就是只能是true或者false;因为javascript是弱类型的语言（变量没有固
2017-09-30 17:36:37
200
前端VUE权限管理（包含菜单权限和按钮权限），router.addRoutes根据后台接口传递数据生成动态路由
2022-08-15
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人