Vue
l741938507
这个作者很懒,什么都没留下…
展开
-
Vue-h5 电子签名
电子签名原创 2023-04-28 09:43:17 · 277 阅读 · 0 评论 -
el-date-picker选择时间,禁止日期,包括禁止时间点
el-date-picker选择时间,禁止日期,包括禁止时间点原创 2022-12-08 10:40:36 · 275 阅读 · 0 评论 -
vue大屏自适应
vue大屏自适应原创 2022-11-28 15:18:15 · 172 阅读 · 0 评论 -
vue中使用reload刷新页面(provide结合inject无白屏刷新页面)
provide结合inject无白屏刷新页面原创 2022-11-16 15:31:07 · 226 阅读 · 0 评论 -
批量打印pdf/图片
批量打印原创 2022-10-28 14:36:00 · 1060 阅读 · 2 评论 -
解决ios 页面回弹
场景:页面滚动到最低,触发ios系统回弹,也有叫橡皮筋效果。原创 2022-06-30 16:40:39 · 2205 阅读 · 0 评论 -
vue页面监听是否置为后台或可见状态
vue页面监听是否置为后台或可见状态原创 2022-06-16 15:57:50 · 679 阅读 · 0 评论 -
git忽略某个文件的某行代码
git忽略某个文件的某行代码原创 2022-06-14 15:55:03 · 344 阅读 · 0 评论 -
element el-input 只能输入数字,限制最大最小,小数位数 --使用 directive
https://blog.csdn.net/weixin_42144379/article/details/89512393?spm=1001.2101.3001.6650.1&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7ECTRLIST%7Edefault-1.no_search_link&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7E原创 2022-01-07 17:26:38 · 418 阅读 · 0 评论 -
vue中封装svg-icon组件并使用
https://blog.csdn.net/K_520_W/article/details/103542374原创 2021-11-08 14:23:30 · 465 阅读 · 0 评论 -
路由跳转时取消之前的请求
/----- axiox配置文件// 1.请求拦截器window._axiosPromiseArr = [] // axios中设置放置要取消的对象axios.interceptors.request.use(config => { config.cancelToken = new axios.CancelToken(cancel => { window._axiosPromiseArr.push({ cancel })}) return config}, error =&原创 2021-01-29 09:58:58 · 486 阅读 · 0 评论 -
Vue轻量级后台管理系统
https://blog.csdn.net/FTL_NXY/article/details/108304698?utm_medium=distribute.pc_category.none-task-blog-hot-4.nonecase&depth_1-utm_source=distribute.pc_category.none-task-blog-hot-4.nonecase&request_id=原创 2020-09-01 16:59:32 · 521 阅读 · 0 评论 -
函数防抖与函数节流
函数防抖和函数节流:优化高频率执行js代码的一种手段,js中的一些事件如浏览器的resize、scroll,鼠标的mousemove、mouseover,input输入框的keypress等事件在触发时,会不断地调用绑定在事件上的回调函数,极大地浪费资源,降低前端性能。为了优化体验,需要对这类事件进行调用次数的限制。一、函数防抖在事件被触发n秒后再执行回调,如果在这n秒内又被触发,则重新计时。...原创 2019-09-24 11:56:54 · 136 阅读 · 0 评论 -
vue-print-nb 组件打印网页
https://blog.csdn.net/xiehuanqing00/article/details/106810820?utm_medium=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-1.nonecase&depth_1-utm_source=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-1.nonecas原创 2020-08-12 15:33:24 · 382 阅读 · 0 评论 -
点击下载图片
var download = function (href, name) {let eleLink = document.createElement(‘a’)eleLink.download = nameeleLink.href = hrefeleLink.click()eleLink.remove()}var downloadByBlob = function (url, name, type) {console.log(url,type)if (type == ‘zip’) {win原创 2020-08-12 13:50:51 · 470 阅读 · 0 评论 -
vue指令实现 防止按钮短时间内多次点击
https://blog.csdn.net/zo429515/article/details/106660402/原创 2020-06-19 17:22:27 · 1083 阅读 · 0 评论 -
多个路由共用同一个组件时,互相切换时更新组件
<router-view :key="$route.fullPath">原创 2020-05-15 18:02:10 · 1201 阅读 · 0 评论 -
Vue项目打包时去除console、debugger
在build文件夹下的webpack.prod.conf.js文件里的plugins下面添加:new UglifyJsPlugin({ uglifyOptions: { compress: { warnings: false, drop_debugger: true, // 打包去除 debugger drop_console: true // 打...原创 2020-05-08 11:25:45 · 975 阅读 · 0 评论 -
el-table鼠标悬停展示按钮的要点
循环数据时,增加showBtnif(res.ResultCode==200){ this.tableData=res.ResultData.data; for(var item of this.tableData){ this.$set(item,'showBtn',false); }}...原创 2020-04-29 13:56:09 · 1203 阅读 · 0 评论 -
设置X-Frame-Options首部防止点击劫持
https://blog.csdn.net/dreamjay1997/article/details/90112877原创 2020-04-23 10:37:08 · 532 阅读 · 0 评论 -
vue项目中调用第三方如百度地图api跨域问题
https://blog.csdn.net/helenwei2017/article/details/89668531原创 2020-04-21 14:41:26 · 1122 阅读 · 0 评论 -
vue滑块拼图验证
https://blog.csdn.net/monoplasty/article/details/85016089原创 2020-04-13 17:20:10 · 874 阅读 · 0 评论 -
vue发布到nginx
https://www.cnblogs.com/mmzuo-798/p/9264906.html原创 2020-01-20 17:42:44 · 120 阅读 · 0 评论 -
vue路由跳转取消请求
路由跳转时,上一个路由里的请求应被取消axios请求头设置(axios.js)const CancelToken = axios.CancelToken;axios.interceptors.request.use( config => { config.cancelToken = new CancelToken(function(cancel){...原创 2020-01-20 11:42:00 · 1187 阅读 · 0 评论 -
解决el-form表单提交时刷新页面
@click.prevent="submitForm(‘ruleForm’)原创 2020-01-20 11:12:02 · 2643 阅读 · 0 评论 -
TagView 标签导航tag
https://blog.csdn.net/dream_xun/article/details/83146106原创 2019-12-31 09:31:42 · 580 阅读 · 0 评论 -
Vue导入EXCEL
https://blog.csdn.net/a736755244/article/details/99568133原创 2019-12-19 16:56:09 · 154 阅读 · 0 评论 -
vue 数据变化视图没有变化解决方法
调用内置强制更新this.$forceUpdate()原创 2019-12-13 09:16:35 · 496 阅读 · 1 评论 -
解决vuex在刷新页面之后丢失数据=>vuex-persistedstate
使用了vuex之后会发现,在页面刷新的时候就会将store里的数据清除,这样并不是我们想看道的。(1)npm install vuex-persistedstate --save安装vuex-persistedstate插件。(2)在store.js中引入该插件import PersistedState from 'vuex-persistedstate'(3)在store中插入插件...原创 2019-09-24 14:42:53 · 2910 阅读 · 0 评论 -
vue系列---identify(生成图片验证码)插件
identify这是一个vue的插件,使用canvas来生成图形验证码。具体参数如下:直接上测试代码:identify.vue组件(主要用于定义参数和方法)<template> <div class="s-canvas"> <canvas id="s-canvas" :width="contentWidth" :height="contentH...转载 2019-09-24 11:29:18 · 854 阅读 · 0 评论 -
Vue中sass安装与引入
一、安装:npm install node-sass --save-devnpm install sass-loader --save-dev二、打开webpack.base.config.js在loaders里面加上三、在.vue文件中< style lang=“scss” scoped>…!!!若运行时报错,请将package.json中sass-loader版本改成...原创 2019-09-23 14:53:35 · 376 阅读 · 0 评论 -
Vue中获取token(登录)包含:axios拦截器/router路由守卫
文章地址:https://www.cnblogs.com/chenwenhao/p/10466774.html原创 2019-09-19 11:05:37 · 2732 阅读 · 1 评论 -
前端虚拟接口mockjs的使用
首先是准备工作,你需要会VueJS,axios,vue-cli,然后就是下载mockjs以我的项目为例:打开我的项目目录,在项目目录下按住shift并点击鼠标右键,找到在此打开命令行工具,然后输入指令:npm i mockjs --save-dev,如果你有cnpm就用cnpm安装,没啥区别。之后再src文件夹里,新建一个util作为工具文件夹(就是你平常复用用的一些东西),然后新建一个...原创 2019-09-19 09:58:15 · 457 阅读 · 0 评论 -
兄弟组件传值:中央事件总线
步骤:第一步:借助中央事件总线:在外部新建一个js文件,取名Bus.js,可放在assets文件夹目录下.第二步:两个组件作为子组件被同一个父组件所引用,在同一个页面显示。第三步:两个兄弟组件之间的语法:组件1需要定义一个发送数据的方法,此处sendMsg是定义在此的方法,页面点击时候触发此函数,函数主体,通过Bus中央事件总线用 $emit 发送一个send事件,事件的功能就是传送一...原创 2019-09-17 13:32:41 · 469 阅读 · 0 评论 -
利用JQuery / Vue中点击元素只为其添加样式
相信大家都会遇到这种情况:v-for循环时,我只需要点击到的元素做出相应反应,其他的元素不变;但是往往所有v-for循环出的元素都会变化。如下面的代码:我需要点击到的元素添加一个类样式,其他元素不变,但是这样会导致所有的元素都会变化解决方法:使用index索引,当点击一个元素时,将该元素的index索引赋给类样式的启用变量,如果该变量和index相等时,则启用该类样式html:css:....原创 2019-09-17 08:01:48 · 885 阅读 · 0 评论