vue.js
文章平均质量分 57
想念
这个作者很懒,什么都没留下…
展开
-
vue3.0项目搭建全过程
vue3.0项目搭建全过程原创 2022-09-16 11:33:11 · 1932 阅读 · 0 评论 -
表格数据分多页,多选框分页后依旧有效
el-table表格分页后,多选功能,分页后依旧有效果原创 2022-07-26 09:39:59 · 349 阅读 · 0 评论 -
Vue.nextTick()使用场景
什么是Vue.nextTick()??定义:在下次 DOM 更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法,获取更新后的 DOM。所以就衍生出了这个获取更新后的DOM的Vue方法。所以放在Vue.nextTick()回调函数中的执行的应该是会对DOM进行操作的 js代码;理解:nextTick(),是将回调函数延迟在下一次dom更新数据后调用,简单的理解是:当数据更新了,在do...原创 2022-05-20 14:04:24 · 260 阅读 · 0 评论 -
搭建一个vue项目完整步骤及详细讲解
一、安装node环境1、下载地址为:https://nodejs.org/en/或者使用淘宝的镜像安装 输入:npm install -g cnpm –registry=https://registry.npm.taobao.org 2、检查是否安装成功:如果输出版本号,说明我们安装node环境成功 3、已安装Node无需在安装,未安装需自行安装node.js二、搭建vue项目环境1、全局安装vue-clinpm install --global vue-cli 2、进入你的项转载 2022-05-17 11:22:42 · 3864 阅读 · 0 评论 -
vue-context-menu-实现鼠标右键事件
第一步:安装vue-context-menunpm install vue-contextmenu --save第二步:在main.js中引用import VueContextMenu from 'vue-contextmenu'Vue.use(VueContextMenu)第三步:给需要点击的元素绑定事件<div @contextmenu.native="contextmenu" >右键点击我弹出菜单</div>这是点击过后显示的菜单<vue-conte原创 2021-12-01 17:05:02 · 2730 阅读 · 0 评论 -
cron-validator:验证cron表达式-支持?-支持秒
定时验证器Cron Validator 是一个实用程序,它允许您验证 cron 表达式,类似于crontab guru所做的,但在您的代码库中。安装npm install cron-validator用法需要语法:const cron = require('cron-validator');if (cron.isValidCron('* * * * *')) { // Do something}或者使用 TypeScript 导入语法:从’cron-validator’导入{转载 2021-11-25 10:36:50 · 1749 阅读 · 0 评论 -
ESLint学习(一)简介、安装、配置、命令行、规则
ESLint学习(一)简介、安装、配置、命令行、规则简介ESLint 是一款开源的 JavaScript lint 工具,由 Nicholas C. Zakas 于2013 年创建。借助 ESLint,可将 静态代码分析 和 问题代码协助修复 集成到 编码、提交 和 打包 过程中,及早发现并协助修复代码中:有语法错误的部分不符合约定的样式准则的部分不符合约定的最佳实践的部分在项目开发中获得如下收益:在执行代码之前发现并修复语法错误,减少调试耗时和潜在 bug保证项目的编码风格统一,提高可维原创 2021-11-24 17:17:17 · 1016 阅读 · 1 评论 -
‘webpack-dev-server‘ 不是内部或外部命令,也不是可运行的程序 或批处理文件。
‘webpack-dev-server’ 不是内部或外部命令,也不是可运行的程序 或批处理文件。解决办法1.删除node_module重新执行 npm install2. 执行指令npm i webpack-dev-server -D3.继续运行npm run dev4.运行成功,不在报错...原创 2021-11-02 14:34:13 · 3118 阅读 · 3 评论 -
正确安装了yarn之后,在vscode中使用yarn安装,报错。
问题描述:正确安装了yarn之后,在vscode中使用yarn安装,报错。报错解决方案1.以管理员身份打开vscode2.执行:get-ExecutionPolicy,显示Restricted,表示状态是禁止的;3.执行:Set-ExecutionPolicy -Scope CurrentUser4.执行:set-ExecutionPolicy RemoteSigned;5.这时再执行get-ExecutionPolicy,就显示RemoteSigned;...原创 2021-10-12 14:00:18 · 1106 阅读 · 0 评论 -
vue + elementUI 阻止按钮重复提交(自定义指令)
vue 阻止按钮重复提交(自定义指令)1.stopBtnRepeat.js复制代码// 阻止按钮重复提交import Vue from ‘vue’Vue.directive(“stopBtnRepeat”, {bind: function (el, binding) {function clickHandler(e) {if (el.contains(e.target)) {if (!el.disabled) {el.disabled = truesetTimeout(() =>原创 2021-07-08 15:40:50 · 875 阅读 · 1 评论 -
vue+ElementUI实现多层级数组筛选-检索
vue+ElementUI实现多层级数组筛选** 需求:现有一个多层级数组,层数不固定,想要通过输入一个关键字,能够将整个数组遍历一遍,然后将与name模糊匹配上的元素筛选出来,而且还要保留其所在的层级结构。**1.示例数组var menuList=[{“name”: “一级A”,“children”: [{“name”: “一级-1”,“children”: [{“name”: “一级-1-1”,“children”: [{“name”: “一级-1-1-1”,“type”: “原创 2021-07-08 15:24:26 · 4398 阅读 · 0 评论 -
VUE项目中如何使用SCSS
VUE项目中如何使用SCSS首先要了解什么是CSS 预处理器? SCSS是一种CSS预处理语言定义了一种新的专门的编程语言,编译后形成正常的css文件,为css增加一些编程特性,无需考虑浏览器的兼容性(完全兼容css3),让css更加简洁、适应性更强,可读性更佳,更易于代码的维护等诸多好处。CSS预处理语言有SCSS (SASS) 和LESS、POSTCSS那么SCSS和SASS 有什么区别呢· 文件扩展名不同,文件后缀分别是“.scss”和“.sass”· sass是以严格缩进语法规则来编写代码原创 2021-03-02 14:36:07 · 4983 阅读 · 0 评论 -
vue如何实现对浏览器关闭或浏览器进程异常时清除用户鉴别信息,重新登录
vue如何实现对浏览器关闭或浏览器进程异常时清除用户鉴别信息,重新登录在默认情况下,非正常退出时,session有效期内可直接访问系统,session对象在关闭浏览器后并不是立刻被销毁,因此,为了考虑系统的安全性,在用户退出时,需要即刻清除session对象,防止他人盗用session对象中的信息。解决方法:在beforeunload方法中调用退出登录的方法loginOut。清除登录信息。mounted () {window.addEventListener( ‘beforeunload’, e原创 2020-07-13 14:56:36 · 1589 阅读 · 2 评论 -
Vue设置如何设置全局通用样式
Vue设置如何设置全局通用样式1.在assets文件下新建要放置全局通用样式的css文件,写入全局样式。2.在main.js页面引入新建的通用的样式,在其他页面都可以调用通用页面的样式。原创 2020-07-01 11:00:27 · 10067 阅读 · 1 评论 -
Vue中判断对象是否为空的方法
Vue中判断对象是否为空的方法1.JSON.stringify(evtValue)=='{}'2.Object.keys(xxx).length==0原创 2020-04-20 13:56:45 · 1941 阅读 · 0 评论 -
npm ERR! [email protected] dev: `webpack-dev-server --inline --progress --config bui
npm ERR! [email protected] dev: webpack-dev-server --inline --progress --config build/webpack.dev.conf.jsnpm ERR! Exit status 1原因:这是新版webpack存在的BUG,卸载现有的新版本webpack,装老版本就好。解决方法:(1)n...原创 2020-02-18 13:39:27 · 2138 阅读 · 0 评论 -
npm ERR! A complete log of this run can be found in: npm ERR! C:\Users\Lenovo\AppData\Roaming\np
报错:npm ERR! A complete log of this run can be found in:npm ERR! C:\Users\Lenovo\AppData\Roaming\npm-cache_logs\2020-02-18T05_24_41_971Z-debug.log说明:全局脚手架和本地脚手架版本不一样运行cmd命令npm install npm -g 要...原创 2020-02-18 13:38:39 · 35665 阅读 · 1 评论 -
2020年几个受欢迎的vue前端UI框架
2018年九个很受欢迎的vue前端UI框架一:Element官网地址:http://element-cn.eleme.io/#/zh-CN介绍:Element,一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库,提供了丰富的PC端组件。二:iview官网地址:https://www.iviewui.com/介绍:iView 是一套基于 Vue.js 的开源 UI ...原创 2020-02-18 11:36:32 · 5923 阅读 · 0 评论 -
如何修改Vue打包后文件的接口地址配置
如何修改Vue打包后文件的接口地址配置1、背景常规的vue项目分为本地环境和生产环境,我们只要对 config 文件夹下的 dev.env.js 和 prod.env.js 做相应的配置即可。但是最近在做的项目中,涉及到私有化部署,就是对应的生产环境的地址,不是唯一的。如果每次都修改一个地址,再打包文件进行部署,过程繁琐且低效。那么如何把环境地址设置成可配置的,不需要再构建代码就能直接生效呢?...转载 2020-02-14 10:13:58 · 322 阅读 · 0 评论 -
element-ui组件扩展--自定义分页组件
element-ui组件扩展–自定义分页组件*想要封装好一个组件,必须要熟练掌握这三个知识点:1.父组件传值到子组件(props)2.子组件传值到父组件(emit)3.插槽使用(slot)。对于一个独立的组件,props是用来为组件内部注入核心内容;emit)3.插槽使用(slot)。对于一个独立的组件,props是用来为组件内部注入核心内容;emit)3.插槽使用(slot)。对于一个...原创 2020-01-02 16:02:38 · 1439 阅读 · 0 评论 -
vue项目搭建,启动
打开cmd命令框:1.安装node.js,检测版本node -v,检测包管理工具npm -v2. 安装webpack,打开命令行工具输入:npm install webpack -g,安装完成之后输入 webpack -v,如下图,如果出现相应的版本号,则说明安装成功。3. 安装vue-cli脚手架构建工具npm install vue-cli -g安装vue-cli脚手架构...原创 2019-09-16 16:46:29 · 2519 阅读 · 0 评论 -
vue开发与调试工具--vscode
vue开发与调试工具–vscodevscode简介Visual Studio Code (简称 VS Code / VSC) 是一款免费开源的现代化轻量级代码编辑器,支持几乎所有主流的开发语言的语法高亮、智能代码补全、自定义快捷键、括号匹配和颜色区分、代码片段、代码对比 Diff、GIT命令 等特性,支持插件扩展,并针对网页开发和云端应用开发做了优化。软件跨平台支持 Win、Mac 以及 Li...原创 2019-09-05 10:42:48 · 386 阅读 · 1 评论