- 博客(56)
- 收藏
- 关注
RSS订阅
2原创 element for vue封装下拉搜索组件
组件AutomaticCompletion.vue内容<template> <div class="AutoCompleteInput"> <el-input v-popover:popover v-model.trim="name" @focus="focusQueryName" @input="changeQueryName" :placeholder="placeholder" @blur="blurQueryName" clearable @c
2022-03-22 17:17:11
831
原创 关于ant design for vue 下拉框在页面滑动后无法跟随滑动
需要在页面中加入如下:getPopupContainer="triggerNode => {return triggerNode.parentNode || document.body;}"即可让下拉跟随移动例如<a-select v-model="SearchForm.settlementStatus" @dropdownVisibleChange="getSttlementStatus" :getPopupContainer="triggerNode => {return t
2022-03-22 17:05:49
1257
原创 ant design for vue table排序
对列表进行排序1.去除无排序状态在table中加入 :sortDirections="['descend', 'ascend','descend']"若是给table加代表给列的所有排序加若单独给columns加代表当前列加2.设置排序给：sorter: true,3.设置默认排序：defaultSortOrder: 'descend',4.sortOrder用于外部控制当前排序{ title: "金额(元)", key: "Amount", dataIndex: "
2022-03-22 17:00:17
2600
原创 如何打补丁包
当需要修改vue插件源码时需要打补丁包，防止下一个人直接i install需要修改的插件被覆盖掉1.安装patch-package：npm i patch-package --save-dev2.修改package.json，新增命令postinstall:"postinstall": "patch-package"3.修改node_modules里面的代码4.执行命令：npx patch-package 修改的文件夹名字此处文件夹名字指node_modules中下的文件夹名字5.检查最后是否生
2022-03-22 16:50:51
1922
原创 解构赋值在函数参数中的使用方法
函数参数的解构也可以使用默认值。function move({x = 0, y = 0} = {}) { return [x, y];}move({x: 3, y: 8}); // [3, 8]move({x: 3}); // [3, 0]move({}); // [0, 0]move(); // [0, 0]注意，下面的写法会得到不一样的结果。function move({x, y} = { x: 0, y: 0 }) { return [x, y];}move({x:
2021-07-19 16:31:27
263
原创 element 手动上传文件
element 手动上传文件html部分<el-upload class="upload-demo" action="#" accept="image/png,image/gif,image/jpg,image/jpeg" :show-file-list="false" :http-request="AvatarUpload"> <el-button size="mini" icon="el-icon-upload2">修改头像</el-button>
2021-06-11 09:40:24
167
原创 动态设置日期选择器禁用问题
动态设置日期选择器禁用问题1.页面代码<DatePicker type="daterange" :options="forbidDate" v-model="defauledate" "placeholder="时间筛选></DatePicker>2.data定义代码data(){ return{ defauledate:'', month:'' }}3.受用computed设置forbidDateforbidDate(){ let _this = t
2021-04-29 14:30:25
219
原创 vue应用svg字体
一、安装svg加载插件： npm i svg-sprite-loader -D二、定义svg组件<template> <svg class="svg-icon" aria-hidden="true"> <use :xlink:href="iconName"></use> </svg></template><script> export default { name: 'icon-svg'
2020-06-18 09:34:31
339
原创 流文件下载
设置头部文件{responseType:‘blob’}获取请求文件流 const blob = new Blob([data]); const fileName = 'Excel.xls'; const linkNode = document.createElement('a'); ...
2019-12-10 10:14:45
290
原创 VUE中下载图片并可在IE浏览器中下载
downloadFile(res){ let imgUrl='data:image/jpg;base64,'+ btoa(new Uint8Array(res).reduce((data, byte) => data + String.fromCharCode(byte), '')); //window.navigator.msSaveOrOpenBlob...
2019-11-29 08:50:20
1109
原创 VUE 去除url中的#
将路由的模式mode：historyexport default new Router({ mode:'history', routes: [ { path: '/', name: 'index', component: Index } ]})
2019-11-18 09:49:16
118
原创 find、findIndex、filter、forEach、map
1.find()函数用来查找目标元素，返回通过测试的数组的第一个元素的值，找不到返回undefined语法 array.find(function(value, index, arr),thisValue)value:必须，代表当前元素，其他四个参数都是可选，index代表当前索引值，arr代表当前的数组，thisValue代表传递给函数的值，一般用this值，如果这个参数为空，un...
2019-11-13 15:46:07
204
原创 VUE+ELement可以预览删除的单图上传（子组件给父组件传值$emit）
1.在文件下新建一个components/UploadImg组件<template> <el-upload :action="UploadImgUrl" :disabled="disabled" :headers="headerstoken" :on-success="successfile" :show-file-list="false" accept="imag...
2019-11-13 14:26:34
307
原创 VUE使用导入导出Excel
安装cnpm install -S file-saver xlsxcnpm install -D script-loader
2019-10-08 09:18:00
109
原创 vue+element table 第一行默认高亮
1.给table设置ref=‘multipleTable’2.给multipleTable设置默认值multipleTable=[]3.在获取数据的位置加上this.$refs.multipleTable.setCurrentRow(this.info,true);即可
2019-09-29 10:32:44
3980
原创 VUE keep-alive 缓存使用
propinclude: 字符串或正则表达式。只有匹配的组件会被缓存。exclude: 字符串或正则表达式。任何匹配的组件都不会被缓存相关学习链接：https://www.cnblogs.com/ljx20180807/p/9810480.html...
2019-09-25 10:05:00
86
原创 Vue 中使用post传值，将序列化转换为json传值
安装npm i qs 按需引用即可import qs from 'qs'使用let comments = {content: this.inputValue}let comValue = qs.stringify(comments）
2019-09-23 10:57:00
1366
原创 VUE使用screenfull全屏
安装npm install --save screenfull在需要的页面引用import screenfull from 'screenfull'全屏使用<template> <span @click='clickFullscreen'>全屏</span></template>...
2019-09-19 16:20:00
540
原创 VUE使用svg字体图标
vue使用字体图标svg，在src下新建目录icons文件，再在icons文件下新建svg文件，在阿里ico中将字体的svg图片下载下来即可：例如from.svg在组件中新建icon-svg.vue组件<template> <svg class="svg-icon" aria-hidden="true"> <use :xlink:...
2019-09-19 15:04:00
245
原创 CSS 预编译stylus
stylus是css的预编译语言，用于去掉css中的冒号和分好，例如.style{ position fixed width 100% z-index 10} vue的使用方式是需要安装npm install stylus stylus-loader --save-dev ...
2019-09-19 13:40:00
157
原创 VUE预览PDF
安装pdfnpm install --save vue-pdf 在需要使用的页面引用<template> <div> <pdf ref="pdf" :src="pdfUrl" style="width: 100%;"></pdf> </div></template>...
2019-09-19 09:28:00
1064
原创 更改VUE文件打包后静态文件路径
找到文件路径Config里面的index.js修改路径：assetsPublicPath: '/aa/'，修改成自己文件访问的路径即可useEslint 有相关报错把值改为false就行了不想产生map的js文件productionSourceMap 把这个值改为false即可...
2019-09-18 15:32:00
1009
原创 Flex布局
.container { display: flex | inline-flex; //可以有两种取值}1. flex-direction: 决定主轴的方向(即项目的排列方向).container { flex-direction: row | row-reverse | column | column-reverse;}...
2019-09-18 15:22:00
112
原创 HTML5 使用及简单记录
IE9 以下版本浏览器兼容HTML5的方法，使用本站的静态资源的html5shiv包：<!--[if lt IE 9]> <script src="http://cdn.static.runoob.com/libs/html5shiv/3.7/html5shiv.min.js"></script><![endif]-->...
2019-09-18 15:13:00
97
原创 HTML标签
<sub> 下标</sub> 和 <sup> 上标</sup> <kbd>键盘输入</kbd> <pre>预格式化文本</pre> <abbr> （缩写） <address> （联系信息） <bdo> （文字方向...
2019-09-18 14:46:00
74
原创 vuex requires a Promise polyfill in this browser
当看到浏览器报这个错误的时候，是由于浏览器的内核过于低版本，这个时候需要安装npm install --save-dev babel-polyfill 用来解决这个问题，在使用vuex的地方引入即可import "babel-polyfill" ...
2019-09-11 09:47:00
115
原创 去除默认浏览器的记住密码
<el-input type="password" v-model="LoginForm.password" autocomplete="new-password"></el-input> 使用autocomplete="new-password" 这个就可以了，命名一个新名字...
2019-09-11 09:17:00
296
原创 淘宝镜CNPM像安装
打开win电脑的cmd，然后输入【npm install -g cnpm -registry=https://registry.npm.taobao.org】回车之后如下图然后系统回去下载安装cnpm，安装结束后如下图所示：安装结束后我们用我们以前测试npm是否安装成功的方法输入【cnpm -v】，可以看到系统不识别这个cnpm命令，如下图：...
2019-09-10 16:13:00
303
原创 VUE的初步安装
Wepack的安装npm install --save-dev webpack VUE安装npm install vue vue-cli -g 创建一个基于webpack的项目vue init webpack my-project 前两部全局安装过，之后再新建项目直接执行第三步既可以了...
2019-09-10 15:52:00
82
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人