需求:在 vue 和 element-ui 项目中,有点击按钮 预览,下载,打印 PDF 文件 需求,要求支持 PDF 的预览,上下页切换,首尾页切换,页码选择跳转,放大缩小,顺时针逆时针旋转,下载,打印等功能 。实现:方法一 可以考虑使用 vue-pdf 插件 去实现;方法二考虑使用 
以前都用的是 echarts 插件,这次的项目要用 vue-echarts 插件。vue-echarts 和 echarts 的区别:vue-echarts是封装后的vue插件, 基于 ECharts v4.0.1+ 开发,依赖 Vue.js v2.2.6+,功能一样的只是把它封装成vue插件 这样更方便以vue的方式去使用它。echar
转载
2024-02-29 13:19:30
324阅读
前端使用vue+vueRouter开发,后端使用Python3开发,web项目部署在nginx上,项目登陆接入cas认证。思路大致说一下思路,这东西有点绕,很难讲清楚,可能是我思路还不是很清晰。1.项目有这些服务:web前端nginx:web部署在这里python后端:提供一个cas认证接口(下面描述中的cas接口指的都是该接口)cas认证服务2.遇到的问题及解决办法web前端:使用axios提供
组件的插槽是为了让我们封装的组件更加具有扩展性.让使用者可以决定组件内部可以展示那些内容.1.普通插槽(匿名插槽) 在默认情况下,我们在使用组件时,若是在组件中嵌套入其他内容,则是无效的,并不会显示出来.若想使得我们在组件中嵌套入的内容能够正常生效显示,这就需要使用组件插槽功能 默认情况下: <组件名> ...嵌套的文字/元素/变量/表达式等 </组件名>
转载
2024-10-17 20:03:06
77阅读
gRPC 1.0于2016年8月发布,现已发展成为应用通信的首选技术解决方案之一。它已被全球的初创公司、企业公司和开源项目采用。它对多语言环境的支持、关注性能、类型安全性和开发者生产力已经改变了开发者设计架构的方式。到目前为止,基本上只有移动应用程序和后端开发者获得这些好处,而前端开发者不得不继续依赖jsON REST接口作为其主要的信息交换方式。然而,随着gRPC-Web的发布,gRPC有望成为
Vue和Element1、Vue 快速入门1.1、Vue的介绍1.2、Vue的快速入门1.3、Vue快速入门详解1.4、Vue快速入门的升级1.5、Vue小结2、Vue 常用指令2.1、指令介绍2.2、文本插值2.3、绑定属性2.4、条件渲染2.5、列表渲染2.6、事件绑定2.7、表单绑定2.8、小结3、Element 基本使用3.1、Element介绍3.2、Element快速入门3.3、基础
转载
2024-04-07 11:49:58
73阅读
Vue 的初始化过程:执行编译,生成 render 函数。一系列的初始化,数据响应式化,触发对应的生命周期钩子。执行挂载的逻辑,先生成虚拟 DOM,再生成真实 DOM,更新的逻辑也是这样,只不过多出了对比虚拟 DOM 的一个步骤一、我们到 vue仓库 下载 Vue2.6.14 的源码。https://github.com/vuejs/先来看一下整体目录结构
转载
2024-05-19 10:31:57
58阅读
在很多项目中,会有图文列表或者图片列表的出现,图片宽度好设定,但是高度往往不能设置成定值,一旦图片长款不成比例,就会显得很难看。所以使用瀑布流可以完美实现这个问题,图片只需要设定宽度,高度自适应,就可以完美实现。下边我们来说说怎样来实现------------------这个是针对图片以及带文字的卡片1:安装yarn add vue-waterfall22:引用,
学习目标会创建Vue实例,知道Vue的常见属性会使用Vue的生命周期的钩子函数会使用vue常见指令会使用vue计算属性和watch监控会编写Vue组件掌握组件间通信了解vue-router使用了解webpack使用会使用vue-cli搭建项目0.前言前几天我们已经对后端的技术栈有了初步的了解、并且已经搭建了整个后端微服务的平台。接下来要做的事情就是功能开发了。但是没有前端页面,我们肯定无从下手,因
1、简介 Data与el的2中写法:el有两种写法new Vue时配置el属性先创建Vue实例,随后在通过vm.$mount(‘#root’)指定el的值Data也有两种写法 (1) 对象式函数式,搭配组件时,data必须使用函数式一个重要的原则 由Vue管理的函数,一个不要箭头函数,一旦写了箭头函数,this就不再是Vue实例了 学习Vue之前最后会一些HTML和CSS的基
转载
2024-01-25 20:43:47
76阅读
Vue实现前后端分离项目的初体验经过之前学习的Vue的知识:vue基本指令vue组件vue-resourcevue路由其实我们已经可以开始实战运用到实际的Web项目中了,由于本人是Java后端开发的,所以后端是基于SpringMVC的。以下我们将演示如何使用Vue组件实现一个用户登录系统。<!--more-->介绍后端后端基于spring、springMVC、mybatis框架对后端S
转载
2024-05-02 22:53:22
113阅读
Fragment使用的基本知识点总结, 包括Fragment的添加, 参数传递和通信, 生命周期和各种操作。一、Fragment添加方法一: 布局里的标签 标识符: tag, id, 如果都没有, container的id将会被使用。方法二: 动态添加 动态添加利用了一个transaction:FragmentManager fragmentManager = getFragmentManager
⭐ v-for 遍历避免同时使用 v-if⭐ v-for 中的key绑定唯一的值⭐ v-show与v-if对性能的影响⭐ 妙用计算属性⭐ 使用防抖与节流控制发送频率⭐ 路由守卫处理请求避免重复发送请求⭐ 使用第三方UI库的引入方式【前言】该系列是博主在使用vue2开发项目中常用上的一些小Tips,学的开心!⭐ v-for 遍历避免同时使用 v-if在 Vue2 中当v-for与v-if同时用的时,
原创
2023-06-27 10:31:19
488阅读
文章目录前言一、实现原理分析二、scss实现1.theme.scss2.handle.scssscss语法回顾1. @each遍历2. Maps值获取3. 混合指令@mixinscss实现换肤核心逻辑应用于UI库样式修改三、设置主题相关scss为全局变量 前言web实现主题换肤方案有很多种,例如css变量、动态加载样式文件、js变量。目前流行工程化开发自然少不了css预处理(less/scss)
下载插件npm install echarts --save引入我们的 eCharts 我们也可以再官网上看到eCharts的下载 和引入方式ECharts的基础配置 在官网给出了我们许多示例:链接
我们都可以直接拿来用,但是里面的一些配置我们可以根据自己的需求来修改,所以我们需要了解ECharts的基础配置。主要配置(常用的) 官网配置项参考文档:链接需要了解的主要配置:s
在本文中,我将把几个常用的监控部分给梳理一下。前面我们提到过,在性能监控图谱中,有操作系统、应用服务器、中间件、队列、缓存、数据库、网络、前端、负载均衡、Web 服务器、存储、代码等很多需要监控的点。显然这些监控点不能在一个专栏中全部覆盖并一一细化,我只能找最常用的几个,做些逻辑思路的说明,同时也把具体的实现描述出来。如果你遇到了其他的组件,也需要一一实现这些监控。在本篇中,主要想说明白下图的这个
转载
2024-06-17 19:57:17
1027阅读
跨域设置 http://www.ituring.com.cn/article/200275 打包 npm adduser 如果长时间不登录,可能会过期,使用 npm login 进行登录就可以 pu
原创
2021-07-23 11:32:15
391阅读
eslint用于代码检查,prettier用于代码格式化,具体操作如下1.安装以下eslint插件
安装以下eslint插件,并增加.eslintrc.js配置文件,.eslintignore配置忽略检查的文件(1)eslint
用于检查和标示出ECMAScript/JavaScript代码规范问题工具。
(2)@babel/eslint-parser
简而言之就是一个解析器,允许您使用ES
转载
2024-05-29 12:57:59
283阅读
main.js App.vue action.js getters.js index.js mutation.js types.js
转载
2017-06-24 05:50:00
220阅读
vue2
原创
2021-08-01 18:40:40
412阅读