
Vue.js
Vue.js
林中明月间。
努力又平庸 ,自卑又内敛 。
展开
-
组件中调用Vuex的state,getters,mutations,actions,modules的数据传递、传参问题
1.State观点:state中的数据,Vuex规定只能通过mutations来进行提交操作,基本在组件中,调取相关mutations、actions等就能满足要求,所以,个人觉得state在组件中读取没有特殊情况下的话,也没多大意义。...mapMutations(['moduleAMutation']) 映射(moduleAMutation)为store里面mutatio...转载 2019-12-20 15:47:34 · 5344 阅读 · 1 评论 -
Vue 组件传值通信、父子组件、爷孙组件传值、方法调用、Vue中EventBus(事件总线)的基本用法
组件传:https://blog.youkuaiyun.com/mldwyy/article/details/88627119参考https://www.cnblogs.com/lianxisheng/p/10907350.html vue组件命名和传值data(){ post:[],}<tiezi v-for="(item,index) in post" :key="index" ...转载 2019-06-17 22:57:15 · 3267 阅读 · 1 评论 -
Vuex使用以及模块化\namespaced 命名空间
https://segmentfault.com/a/1190000016147752https://segmentfault.com/a/1190000015782272https://www.zhihu.com/search?type=content&q=vuexhttps://www.jb51.net/article/173817.htm在vue中使用vuex,修改st...转载 2019-07-01 22:31:08 · 4335 阅读 · 1 评论 -
Vue 概念基础
https://www.cnblogs.com/happ0/p/8075562.htmlvue 生命周期 详解https://www.cnblogs.com/aimeeblogs/p/9501490.htmlvue 面试题https://www.jb51.net/article/129733.htm vue实现消息的无缝滚动效果的示例代码VUE修改每个页面titleh...原创 2019-07-11 17:14:23 · 1080 阅读 · 1 评论 -
Vue style、class 内联三元表达式
转自:http://yaohuitao.com/?p=379转自:https://blog.youkuaiyun.com/qq_41619741/article/details/84284386转自:https://blog.51cto.com/12883930/1923791通常给class绑定个对象,就可以动态的切换样式了。(data中定义isActive的true、false)<...转载 2019-07-23 21:43:53 · 22047 阅读 · 1 评论 -
给vue-admin-template菜单栏 sidebar-item 添加消息提示
【代码】给vue-admin-template菜单栏 sidebar-item 添加消息提示。原创 2025-04-22 14:11:57 · 246 阅读 · 0 评论 -
Vue2和Vue3的区别。
V2转V3。转载 2024-09-13 15:36:55 · 80 阅读 · 0 评论 -
前端假如有几十个请求,如何去控制并发、请求队列
先进先出就是队列,push一个的同时就会有一个被shift。我们看下面的动图可能就会更加的理解:定义请求池主函数函数reqs // 请求数量) => {}接受一个参数reqs,它是一个数组,包含需要发送的请求。函数的主要目的是对这些请求进行队列管理,确保并发请求的数量不会超过设定的上限。定义dequeue函数current++;const requestPromiseFactory = queue.shift() // 出列.then(() => { // 成功的请求逻辑})转载 2024-06-28 14:11:59 · 441 阅读 · 0 评论 -
JS实现导出Excel和CSV操作
【代码】JS实现导出Excel和CSV操作。转载 2024-04-23 15:24:14 · 75 阅读 · 0 评论 -
Js截取视频vedio第一帧为图片
【代码】Js截取视频vedio第一帧为图片。转载 2024-04-17 18:00:24 · 626 阅读 · 1 评论 -
el-select回显数据,解决el-select回显异常 显示option选项的value 而不是显示label
废话:今天在使用el-select回显数据的时候 出现回显option选项的value 而不是显示label的问题。以为是渲染的问题,试了很多方法 入 this.$set() this.$forceUpdate()等等都没有解决。转载 2024-04-16 16:09:05 · 2946 阅读 · 1 评论 -
图片过大 canvas.toBlob 报错、Failed to execute ‘createObjectURL‘ on ‘URL‘ Overload resolution failed
报错问题:"图片过大 canvas.toBlob 报错" 可能是由于 canvas 转换为 Blob 时,图片的尺寸超过了系统或浏览器的限制。确保在缩小图片尺寸的时候不要过度压缩,以免影响图片质量。转载 2024-04-10 15:10:01 · 877 阅读 · 0 评论 -
Vue canvas 对长图进行水平分割图片,四宫格、九宫格等形式
【代码】canvas 水平分割图片,四宫格、九宫格等形式。转载 2024-02-02 15:24:05 · 713 阅读 · 0 评论 -
Vue el-upload accept 区分文件后缀名大小写 上传文件类型及文件大小限制
方法中设置,需要显示几个根据需求来设置。如果限制只能上传1个文件,可以把。限制文件类型,通过上传之前的钩子。限制文件大小,就是里面注释的部分。设置为1就行,也可以在。转载 2024-01-24 16:05:18 · 2733 阅读 · 0 评论 -
Vue 如何把computed里的逻辑提取出来
【代码】Vue 如何把computed里的逻辑提取出来。原创 2024-01-16 15:19:04 · 773 阅读 · 0 评论 -
纯前端导出word、pdf、excel、txt、svg文档方法与技巧(附带问题总结)
问题1:导出的pdf很模糊。转载 2023-12-21 15:41:07 · 591 阅读 · 0 评论 -
Vue 在template模板中使用import 引入的方法、在template中调用方法
【代码】Vue 在template模板中使用import 引入的方法。转载 2023-12-13 16:05:13 · 1014 阅读 · 0 评论 -
NProgress is not defined
当时看到这个问题,第一时间想到的是。其实检查了才发现原来是。转载 2023-12-11 17:05:43 · 187 阅读 · 0 评论 -
JS hasOwnProperty用法、判断对象是否包含某属性值、字段
所有继承了 Object.prototype 的对象都会从原型链上继承到 hasOwnProperty 方法,这个方法可以用来检测一个对象是否含有特定的自身属性,和 in 运算符不同,该方法会忽略掉那些从原型链上继承到的属性。转载 2023-09-08 16:49:20 · 492 阅读 · 0 评论 -
Vue读取本地静态.md并侧边栏导航跳转、展示.md文件
2、修改webpack.base.config.js,我用的cli所以自己加了一个vue.config.js。最后把图片或者这个展示的文件一起放static 静态资源目录下引入 就成功了。4、markdown文字解析到页面来,以便展示 .md里的内容能够展示出来。我的项目需求展示 .md文件 并带侧边栏跳转。原创 2023-08-04 15:31:27 · 941 阅读 · 0 评论 -
Vue 展示.md文件
(若是直接安装vue-loader最新版会提示升级vue和vue-compiler,但是升级后的vue没有和vue-template-compiler匹配的版本,所以我选择降低vue-loader版本)npm vue-template-compiler -D (若是已经有则不需要安装,不然有可能和现有的vue版本不匹配从而报错)vue-loader版本过高会不兼容,经过测试安装14.2.2版本可以使用。vue-template-compiler需要和vue的版本一致。1.下载所需package。转载 2023-05-22 17:57:35 · 579 阅读 · 0 评论 -
Vue 原样渲染后端返回数据,包括富文本、空格等
https://blog.youkuaiyun.com/xiaowude_boke/article/details/129097729转载 2023-03-14 15:57:25 · 2305 阅读 · 0 评论 -
input里同时绑定v-model和:value
v-model,只是一个指令,本质上是一个语法糖。转载 2023-02-23 09:14:42 · 1888 阅读 · 0 评论 -
【已解决】ERROR in static/js/xx.js from UglifyJs Unexpected token: name (err) [./~/xx/xx.js:52620,12]
我的解决方案 build文件夹中的webpack.base.conf.js中。之后重新执行命令:npm run build。今天在进行vue项目打包时 报错。转载 2023-02-10 17:33:33 · 958 阅读 · 0 评论 -
前端打包构建工具gulp
【代码】前端打包构建工具gulp。转载 2023-01-29 17:10:19 · 166 阅读 · 0 评论 -
什么是防抖和节流?如何实现防抖和节流?
什么是防抖和节流?如何实现防抖和节流?_Nicole99618的博客-优快云博客_防抖和节流防抖(Debounce)和节流(Throttle)都是用来控制某个函数在一定时间内触发次数,两者都是为了减少触发频率,以便提高性能或者说避免资源浪费。毕竟JS操作DOM对象的代价还是十分昂贵的。应用场景:处理一些频繁触发的事件,例如mousedown、mousemove、keyup、keydown等,不然的话,页面很可能会十分卡顿哦~举个例子吧:例如,你是一个肯德基外卖配送员,每天专门配送去学校的外卖(不考虑配转载 2022-12-07 09:32:51 · 244 阅读 · 0 评论 -
Vue项目中使用axios如何进行参数拼接
Vue项目中使用axios如何进行参数拼接-pudn.com转载 2022-12-05 17:30:28 · 1057 阅读 · 0 评论 -
el-date-picker 默认显示上个月、el-time-picker default-value选择器打开时默认显示的时间
【代码】el-date-picker 默认显示上个月。转载 2022-11-02 15:53:07 · 3397 阅读 · 0 评论 -
Vue JS计算两个日期之间的相差月份
【代码】Vue JS计算两个日期之间的相差月份。转载 2022-10-28 16:42:51 · 2858 阅读 · 1 评论 -
Element el-radio 绑定string / number / boolean 字符串\数字\布尔类型
绑定数值或者布尔类型的值,需要在label前加上 [ : ]加单引号('')括起来。转载 2022-10-09 17:48:56 · 9641 阅读 · 2 评论 -
重写toFixed四舍五入出现的问题
vue 局部页面使用,采用export方式。vue全局使用 在main.js里面重写。转载 2022-09-24 16:03:17 · 259 阅读 · 0 评论 -
Vue自定义指令监听el-table的滚动事件,滚动到底部加载更多数据
Vue自定义指令监听el-table的滚动事件,达到滚动条滚动到底部加载新数据转载 2022-09-26 19:07:47 · 8631 阅读 · 2 评论 -
Vue报错undefined is not iterable (cannot read property Symbol(Symbol.iterator))
undefined is not iterable (cannot read property Symbol(Symbol.iterator))原创 2022-07-06 17:28:46 · 16777 阅读 · 0 评论 -
Vue根据浏览器大小动态设置el-table的高度,resize()自适应
mounted: function() { // window.onresize:浏览器尺寸变化响应事件 window.onresize = () => { return (() => { // window.innerHeight:浏览器的可用高度 window.screenHeight = window.innerHeight this.screenHeight = window.screenHeight })()转载 2022-06-06 16:47:14 · 3170 阅读 · 0 评论 -
Windows nvm use xxx 报错:exit status 1
nvm use xxx 报错:exit status 1 - SegmentFault 思否nvm 1.1.9版本切换nodejs版本报错问题原因nvm wiki应大众需求,NVM4W 1.1.8 引入了对开发者模式的支持。换句话说,如果没有明确必要,您将不会收到提升权限的 UAC 提示。如果您希望系统提示您提供 UAC 权限,请使用 NVM4W 1.1.7。如果您没有以适当的权限运行 nvm.exe 文件,您可能会收到exit 1、exit 5或Access Denied错误。这.转载 2022-05-30 11:33:53 · 1276 阅读 · 0 评论 -
vue-video-player 相关事件文档
vue-video-player 相关事件笔记vue-video-player的使用总结 - web小白需努力 - 博客园vue-video-player 相关事件笔记 - 简书1.安装npm install vue-video-player -Snpm install 'video.js' -S2.引入import Vue from 'vue'import VideoPlayer from 'vue-video-player'// require('video.js/d.转载 2022-03-23 11:06:39 · 6896 阅读 · 1 评论 -
videoPlayer 设置视频有声自动播放方案
https://segmentfault.com/a/1190000020073391感谢提供思路video标签加上自动播放autoplay发现在chrome、火狐浏等览器上都不会自动播放function openVoice() { var videoPlayer = document.getElementById("homeVideo") videoPlayer.muted = false videoPlayer.play()} 因为我的项目是需求是,转载 2022-03-23 10:46:10 · 4725 阅读 · 1 评论 -
element表格table前端对全部数据进行排序
vue中使用element ui中的Table实现对全部数据进行排序_Alisane的博客-优快云博客element表格在前端对全部数据进行排序_ydongabc-优快云博客_element 前端排序1.对全部数据进行排序,需要对el-table绑定sort-change监听<el-table :data='tableData' @sort-change='sort_change'>2.列中设置属性sortable=“custom”<el-table-co.转载 2022-01-05 15:46:42 · 7646 阅读 · 0 评论 -
Vue 同步 $nextTick setTimeout 执行的顺序
vue 同步 $nextTick setTimeout 执行的顺序 - 曾经的水哥 - 博客园转载 2021-12-28 17:53:00 · 626 阅读 · 0 评论 -
Vue 文字无缝滚动 ,上 下 左 右
07 - 单行停顿时间(singleHeight,waitTime) | vue-seamless-scrollnpm install vue-seamless-scroll --save<template> <vue-seamless-scroll :data="listData" :class-option="classOption" class="warp" > <ul class="item">...转载 2021-12-21 16:25:58 · 2683 阅读 · 0 评论