xzx66666的博客

原创 vue antd-vue 二次封装地区组件

【代码】vue antd-vue 二次封装地区组件。

原创 vue 利用element-resize-detector 自定义指令实现echarts自适应

/ 按模块引入// files.keys(): 打印出来为['./focus.js','/loadmore.js']const directiveConfig = files(fileName) // 获取指令函数const directiveName = fileName // 获取指令名.replace(/^\.\//, '') // 去除开头的'./'.replace(/\.\w+$/, '') // 去除文件扩展名})// 创建一个实例以避免多个元素造成的内存泄漏。

转载 基于Vue2的简易公式编辑器（自带公式校验）

https://blog.csdn.net/weixin_45632742/article/details/130244768

原创 vue中div的拖拽

/ document.documentElement.clientHeight 屏幕的可视高度。//document.documentElement.clientWidth 屏幕的可视宽度。console.log("本身的宽高", oDiv.clientHeight);// 用鼠标的位置减去鼠标相对元素的位置，得到元素的位置。// 算出鼠标相对元素的位置。

原创 git 小乌龟回退远程指定版本（自用）

一、使用小乌龟TortoiseGit工具。如果提交提示需要 git pull。

转载 git-小乌龟回退版本

Git如何将代码回退到一个历史的版本_git小乌龟代码回滚到上一个版本

原创 vue 下载 zip 兼容ie9

【代码】vue 下载 zip 兼容ie9。

原创 Vue 插件 Viewer.js + pdfjs实现图片和 pdf 预览

Vue 插件 Viewer.js + pdfjs实现图片和 pdf 预览

转载 本地git操作-之分支合并与回滚

本地git操作-之分支合并与回滚

原创 css3旋转动画

css3动画

原创 在vue 中 使用svg当背景无法修改svg高度问题

在svg标签上增加 属性 preserveAspectRatio="none"

转载 Vue封装websocket

Vue封装websocket

转载 table 固定表头 显示滚动条

table 固定表头 显示滚动条

原创 moment.js获取某段时间时间戳

moment(this.dialogcontent.kssj, 'YYYY-MM-DD kk:mm:ss').format('x')

转载 Vue无缝滚动

代码】Vue无缝滚动。

原创 vue 打包后查看打包文件命令

在本地预览生产环境构建最简单的方式就是使用一个 Node.js 静态文件服务器，例如。目录需要启动一个 HTTP 服务器来访问 (除非你已经将。配置为了一个相对的值)。

原创 pdf打印

方法1这个⽅法是通过调⽤服务，服务端给前端返回pdf⽂件流（不是字节流）。在⽤blob下载。貌似所有⽅法都是⽂件流下载的吧。后端服务地址⽅法 方法2这个⽅法是通过调⽤服务，服务端给前端返回pdf⽂件流（不是字节流）。在⽤blob下载。貌似所有⽅法都是⽂件流下载的吧。后端服务地址⽅法// 方法三这种⽅法就是⽤浏览器⾥的下载⽅式啦。是⽂件地址例如：我的⽂件...

原创 vue+element-ui中的el-table-column使用v-if导致位置错乱的现象

vue+element-ui中的el-table-column使用v-if导致位置错乱的现象 在使用tab切换时，由于使用的表格列，有时候会有不同，使用v-if做判断，在切换时，往往没有很准确的显示和隐藏掉相关列； 会错乱的写法： 1 <el-table-column v-if="activeName === 'three' ">金额数</el-table-column>2 <el-table-column v-if="activeName === 'fir..

原创 keep-alive的命名匹配问题

include---原只对xxxx缓存，可是对xxxx_hh也是有缓存作用

转载 element-ui中的el-form表单验证，只有在提交按钮点击时才进行验证

element-ui中的el-form表单验证，只有在提交按钮点击时才进行验证，这样会减少消耗。看别人写的文章 ，只有在写怎么添加验证，不能满足我的需求。其实很简单，直接在el-input上加一个属性就行，<el-input ref="nodeName" v-model="form.nodeName" maxlength="122" show-word-limit :validate-event="false" /> // 就是 本行所在的位置 r

转载 nvm介绍、nvm下载安装及使用(多个项目多个node版本)

一、nvm介绍 在工作中，我们可能同时在进行2个或者多个不同的项目开发，每个项目的需求不同，进而不同项目必须依赖不同版本的NodeJS运行环境，这种情况下，对于维护多个版本的node将会是一件非常麻烦的事情，nvm就是为解决这个问题而产生的，他可以方便的在同一台设备上进行多个node版本之间切换。二、nvm下载安装及使用2.1 nvm下载安装包下载地址：https://github.com/coreybutler/nvm-windows/releases，windows系统下载nvm...

转载 Chrome 80及以上版本 中 Iframe 跨域 Cookie 的 Samesite 问题

Chrome 80及以上版本 中 Iframe 跨域 Cookie 的 Samesite 问题　新项目要嵌入之前的一个项目，而且该被嵌入项目之前提供给第三方使用，他们也是用的iframe。以前都是好的，但是现在发现要是iframe的地址和父级的地址不同源，项目登录时无法设置cookie。一开始以为后端出问题了，后来换火狐、ie edge 都是可以的，并且其他人的Chrome也有可以用的。并且接口设置cookie时提示：“this set-cookie didnot specify a "same

原创 把 node_modules上传到gitlab远程

你把.gitignore里面的node_modules去掉，它就能被识别到

原创 vue ie9 退格不生效(监听不到) 用this.$set(对象,属性,属性值)来解决

根据官方文档定义：如果在实例创建之后添加新的属性到实例上，它不会触发视图更新。所以给对象新增属性，使用this.$set(对象,属性,属性值)vue ie9 退格不生效(监听不到)用this.$set(对象,属性,属性值)来解决输入框在IE9中删除或剪切无效的解决办法【input框输入值后接着去掉重新输入，校验时，input框的值实际还是之前输入的值】<template> <div> <el-form :model="personInfo.

原创 E9 报错 script1004缺少“；”

IE9 报错 script1004缺少“；”在IE9中不支持let关键字,修改为var就可以了

原创 SCRIPT1014：无效字符

ie11----->试一下es6改成es5

转载 前端 crypto-js aes 加解密

最近在使用Cookies加密保存数据的时候，接触到crypto，使用还算简单，在这里记录一下。可以在这个GitHub的https://github.com/brix/crypto-js上下载该js，它可以单独引入所需要加密方式的js；也可以引入一个crypto-js.js 这个文件，它相当于引入了所有的加密方式，我使用的就是后者一次引入所有的加密文件，这个文件也不是很大，还可以接受。因为我的需求是加密可逆，具有一定的安全性(对安全性要求不高)，所以使用DES或AES即可，我用的是AES：f

转载 Vue——前端生成二维码

　与后端生成二维码相比，前端生成二维码更具有灵活性，下面就介绍两种前端生成二维码的方式，两种方式相比之下，vue-qr比qrcode多了一个再中间添加logo的功能。方式一：qrcodenpm 1 npminstall--save qrcodejs2 import 1 importQRCode from'qrcodejs2' 使用 <div class="qrcode" ref="qrCodeUrl...

原创 更新远程分支

git fetch

转载 vue 内置组件 component 的用法

component is 内置组件切换方法一：component组件（单独拿出一个组件来专门进行切换使用）使用is来绑定你的组件：如下面的reviewedPlan planDetailsList attachmentList等引入的组件名changeViewFun 是用来切换组件的方法 通过给is绑定的currentView来实现切换组件pathUrl就是当前的路由<template> <div class="reviewed"> ...

转载 Vue.js项目中使用iconfont冲突问题解决

在开发前端项目中，字体图标变得越来越常用。一方面因为它比图片使用起来方便，可以像字体一样修改大小和颜色；另一方面是因为它可以减少请求数量，优化前端性能。iconfont的使用方法很简单，主要由三种引入方式：Unicode， Font Class，Symbol。不会的可以去官网看看：https://www.iconfont.cn/但是在实际项目中，我们可能会遇到iconfont冲突的问题，简单来说就是某个项目存在多个iconfont资源目录，而且命名没有修改（默认名都是"iconfont"）。导致

转载 ie9 输入框清空以后重新输入，获取的还是之前的值

Input 输入框在ie9遇到了一系列的问题，如：页面的根据搜索条件搜索数据，清空以后重新输入，获取的还是之前的值； elementUI 的表单验证，在一次失去焦点后无法再次触发；后来发现是ie9没有支持v-model 双向绑定的功能；需要在失焦后重新赋值<el-inputplaceholder="请输入内容"prefix-icon="el-icon-search"clearablev-model="filters.name"@blur="filter...

原创 vue中请求后端接口导出excel数据

第一种 let url =process.env.VUE_APP_BASE_API +"jiekou="?appId=1001001+"&token="+getCookie("token") +"&paramsObject="+paramsObject;window.open(url, "_blank");paramsObject是参数对象{}第二种（封装好axios的请求）request.post(`${tccsCommon.getApiBaseUrl(...

原创 vue+element-ui 请求接口表单对象赋值bug(值改变多次)

请求接口后表单对象不能改变多次（赋值多次）错误 request.post("xxx",{ sqxh: val }).then(res => { if(res.head.errorCode == '0'){ let bodyData = res.body; this.loginInfo = bodyData; this.loginInfo.smxxXm = bodyData.jbrMc

原创 vue中树形表格vue-table-with-tree-grid的用法

1.命令行安装依赖npm i vue-table-with-tree-grid -S2.在main.js中使用import TreeTable from 'vue-table-with-tree-grid'Vue.component('tree-table', TreeTable)3.使用API文档：https://www.npmjs.com/package/vue-table-with-tree-grid...

转载 vuex----mutation和action的基本使用

https://www.cnblogs.com/songdongdong/p/7116605.html

原创 element-ui 时间范围组件( 可以选择区间的范围 )

<template><div><h2>Welcome</h2><el-card><divclass="block"><spanclass="demonstration">月</span><el-date-pickerv-model="date"typ...

原创 vue js（标签加事件）

原创 element-ui表单拖拽

<el-table ref="dragTable" :data="tableData" height="500" border row-key="id" highlight-current-row style="width: 100%" ></el-table>mounted () { // 页面进入时加载内容 this.setSort(); },methods: { setSort(){

原创 vue+echarts饼状图初始化默认高亮第n条数据并显示第n条数据的toolTip提示框

data{isNum: 1} this.isNum------------------------------第几条数据this.rtecharts = this.echarts.init(this.echarts.init(this.echarts.init(this.refs.rbecharts);this.rtecharts.clear();this.rtecharts.showLoading();let option={…tooltip: {alwaysShowConten