Vue
Vue及Vue配套工具的使用
weixin_44486632
这个作者很懒,什么都没留下…
展开
-
vue-router 创建路由 mode模式:hash&&history
vue-router原创 2022-10-01 21:39:45 · 711 阅读 · 0 评论 -
vue keep-alive以及 activated,deactivated生命周期的用法
Vue的常见生命周期函数beforeCreatecreatedbeforeMountmountedbeforeUpdateupdatedbeforeDestroydestroyed具体触发执行的时机在 vue.js中有详细介绍,也可以参考网友的 详解vue生命周期activated,deactivated生命周期vue.js 对这个两个钩子的描述通常来说进入某一个动态组件,会首先创建vue组件实例,离开时则销毁此组件实例。如果组件实例使用keep-alive包裹,离开组件时原创 2021-03-27 10:09:52 · 391 阅读 · 0 评论 -
Vue中使用防抖debounce
定义防抖函数···jsexport const mydebounce = function(fn,wait) {let timeId = nullreturn function () {// 此函数上下文let context = this// 调用此函数的实参let ags = arguments// 清除已有的定时器if (timeId) clearTimeout(timeId)// 定义回调函数是否执行的标志let cllNow = !timeId// 起一个定时器time原创 2021-03-23 10:10:03 · 694 阅读 · 0 评论 -
vue单个元素滚动监听且记录触底
直接上代码<div class="best_fit" ref="bestFit"> <ul class="summarys flexbox flexmiddle"> <li > 栗子 </li> <li > 栗子 </li> <li > 栗子 </li>原创 2021-05-07 10:30:54 · 427 阅读 · 1 评论 -
使用vue-video-player播放视频 一个页面多个视频,并且只能唯一播放
安装 vue-video-playernpm i vue-video-player引入 video.js 和样式import { videoPlayer } from ‘vue-video-player’import ‘video.js/dist/video-js.css’video样式自定义修改 custom-theme.css.vjs-custom-skin > .video-js { width: 100%; font-family: "PingFang SC原创 2021-03-18 19:47:53 · 3865 阅读 · 2 评论 -
前端VUE页面快速生成
VSCode左下角设置图标 ==> 用户代码片段 ==> 搜索 vue ==> 回车复制粘贴以下代码{ // Place your snippets for vue here. Each snippet is defined under a snippet name and has a prefix, body and // description. The prefix is what is used to trigger the snippet and原创 2021-05-06 14:05:57 · 2369 阅读 · 0 评论 -
ERROR in Cannot find module 'node-sass'
ERROR in Cannot find module ‘node-sass’下载vue-element-admin 安装依赖的时候报以下错误,使用的命令是:npm i错误表示找不到node-sass 模块解决方法:输入命令:cnpm install node-sass@latest参考文章...原创 2020-02-15 16:41:20 · 108 阅读 · 0 评论 -
Vue+Element前端导入导出Excel文件
1 场景需求1 由前端导入Excel表格,获取批量数据,2 前端根据一个数组导出一个Excel表格2 实现2.1 安装三个依赖包file-save xlsx script-loadernpm install -S flie-savenpm install -S xlsxnpm install -D script-loader2.2 导入Excel2.2.1 element上...原创 2020-03-05 22:48:24 · 1310 阅读 · 0 评论 -
vue引入sass并且配置全局变量
第一步 安装 sass-loader 这里我建议sass-loader安装的低版本的,因为在我本地安装最新的sass-loader时会报错 this.getResolve is not a function进行插件安装:npm install -D sass-loader@7.3.1 node-sass配置参考官网的即可module.exports = { module: { .........原创 2020-01-17 11:20:31 · 1150 阅读 · 0 评论