
Vue
Alive_tree
实事求是,不争论,发展是硬道理,摸着石头过河,韬光养晦与有所作为。
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
如何检测某个指定目录是否存在
功能:检测某个指定目录是否存在工具:node的fs模块,使用前需要引入fs模块 var fs = require(‘fs’);语法:fs.existsSync(pach);实例: hasFile(path){ if(!path) return false return fs.existsSync(path) },...原创 2021-09-01 09:49:22 · 343 阅读 · 0 评论 -
访问vue 项目 报错 class FastBuffer extends Uint8Array {}
执行npm run dev 可以执行成功,但是当我输入访问地址的时候,却报错class FastBuffer extends Uint8Array {}具体内容如下初步怀疑是 webpack-dev-server 安装的版本太高了,单独删除转换为低版本的还是没有解决问题,于是发现有class FastBuffer extends Uint8Array {} 这句话报错代码报错,于是在webpack.dev.conf.js 中注释掉https相关逻辑,重新编译,可访问...原创 2021-07-02 16:27:16 · 1131 阅读 · 0 评论 -
运行报错 : `webpack-dev-server --inline --progress --config build/webpack.dev.conf.js`
运行项目 npm run dev 运行成功,但是在执行得时候,却报错内容如下经过查看,网上说是因为webpack-dev-server在项目中自动安装得版本是3.0.1, 但是这个版本得却不可以很好得运行,解决方案:安装低版本得webpack-dev-server卸载原有高版本得 npm uninstall webpack-dev-server单独下载低版本的 npm install webpack-dev-server@2.9.1重新运行 npm run dev...原创 2021-07-02 16:20:32 · 722 阅读 · 0 评论 -
vue路由进阶篇 -- 总结
文章总结自 v-router官网 仅做记录1、导航守卫“导航” 表示路由正在发生改变正如其名,vue-router 提供的导航守卫主要用来通过跳转或取消的方式守卫导航。有多种机会植入路由导航过程中:全局的, 单个路由独享的, 或者组件级的。记住参数或查询的改变并不会触发进入/离开的导航守卫。你可以通过观察 $route 对象来应对这些变化,或使用 beforeRouteUpdate 的组件内守卫。1.1全局前置守卫在路有中可以使用router.beforeEach,注册一个全局前置守卫co原创 2020-12-15 11:40:51 · 475 阅读 · 0 评论 -
vue路由基础篇--总结
安装与引用使用npm 安装npm install vue-router与模块系统一起使用时,必须通过Vue.use()显式安装路由器在router/index.js文档中import Vue from 'vue';import VueRouter from 'vue-router';import store from '../store';Vue.use(VueRouter);应用使用Vue+Vue Router创建单页面引用程序很简单,通过Vue.js,我们已经在使用组件组成应用程原创 2020-12-15 10:09:53 · 282 阅读 · 0 评论 -
V - Distpicker实现省市区级联select
今天实现了省市区三级联动select,网上有很多乱糟糟的教程,其实很简单,这里做一下简单记录1、下载V-Distpicker 插件npm install v-distpicker --saveoryarn add v-distpicker --save2、引入数据import VDistpicker from 'v-distpicker'3、在vue页面中使用<template> <v-distpicker type="mobile" province="河南省"原创 2020-11-30 16:29:07 · 352 阅读 · 0 评论 -
Vue+elementUI实现省市区三级联动select
今天实现了省市区三级联动select,网上有很多乱糟糟的教程,其实很简单,这里做一下简单记录使用elementUI数据1、获取elementUI的省市区级联数据npm install element-china-area-data -S2、引入数据import { regionData } from 'element-china-area-data'3、在vue页面中使用<template> <div id="app"> <el-cascader原创 2020-11-30 16:24:11 · 4939 阅读 · 4 评论 -
vuex简单使用
什么时候用vuex当我们想要从一个组件传递一个参数到另外一个组件的时候,这两个组件不是父子组件,也不是兄弟组件,这样我们就可以用vuex(一个集中存贮数据的公共仓库)例如我们想把A组件的 变量 传给B组件 只需要两步第一步: 在A组件的时候把变量studentObj 存到仓库里第二步:在到B组件里把studentObj 从仓库里取出来可见,vuex可以帮助我们管理共享状态,但是有很多概念和框架,这里我们只讲最简单的存取,关于模块化和计算的先不做。什么是vuexvuex是一个专门为vue.j原创 2020-09-21 20:18:34 · 257 阅读 · 0 评论 -
字符串创建、截取、替换
字符串创建s = "我是一朵云"s1 = new String("我是另外一朵云");注意:直接创建的是一个简单的数据类型,存在堆里面,不动态添加属性new 创建的对象存放在栈里,可以添加动态属性substringstringObject.substring(start,stop)start 必需。一个非负的整数,规定要提取的子串的第一个字符在 stringObject 中的位置。stop 非必需。 一个非负的整数,比要提取的子串的最后一个字符在 stringObject原创 2020-09-18 11:25:35 · 355 阅读 · 0 评论 -
组件之间怎么通信
组件之间的通信父子组件通信父组件 --> 子组件:prop背景:我要在login中使用FormInput组件,实际参数都在login.vue中,传到FormInput中FormInput.vue 关于输入框组件的定义的定义<template> <view class="form-item-wrapper"> <label class="label" v-if="label">{{label}}</label> <input c原创 2020-09-17 14:40:19 · 241 阅读 · 0 评论 -
vue组件之 局部注册组件
组件是可复用的Vue实例,且带有一个名字。组件分为全局注册和局部注册两部分。由于全局注册没有局部注册常用,所以对局部注册做个总结。局部注册全局注册所有的组件,意味着即使不再使用这个组件,它仍然会包含在最后的 构建结果中,造成用户下载JavaScript的无谓增加。所以在日常编码中,局部注册较为常用。一、组件的定义定义一个组件就是在一个vue文件里定义上你想要复用的东西,可以传参,可以定义规则、例子 定义一个简单的Form组件<template> <el-form ref原创 2020-09-16 09:19:10 · 6034 阅读 · 0 评论 -
vue用clipboard实现复制按钮
1、使用情景如图我要在table里面加一个能够实现复制列表项内容的按钮,这时候首先想到了clipboard插件。2、下载npm install clipboard --save3、使用1、引用在当前页面引入下载的clicpboard插件 import Clipboard from 'clipboard';2、html代码<el-table-column label="secretKey" > <template slot-scope="{ro原创 2020-08-14 10:32:48 · 586 阅读 · 0 评论 -
Vue+element使用@keyup.enter不起作用
今天在写登录功能的时候,在用Vue的@key.enter的时候由于使用elementUI组件,@keyup.enter不起作用,经排查,发现需要这样@keyup.enter.native=“login”代码<el-form ref="loginForm" :model="loginForm" :rules="myRules" @keyup.enter.native="login"> <el-form-item prop="account">原创 2020-08-14 09:58:02 · 2957 阅读 · 0 评论 -
解决Vuex页面刷新数据消失的问题
vuex可以进行全局的状态管理,但刷新后的数据会消失,每次还要手动存在本地缓存里很不方便,这不是我们想要的效果,怎么解决呢,我们可以结合本地存储做到数据持久化,也可以通过插件Vuex-presistedstate。方法一 利用H5的本地存储vuex的state在localStorage或者sessionStorage或者其他存储方式中取值,在mutations,定义的方法中对Vuex的状态操作的同时也对存储也做相应的操作示例代码store/index.jsimport Vue from 'vue'原创 2020-08-11 14:35:24 · 1274 阅读 · 0 评论 -
vue经典面试题
这里写自定义目录标题欢迎使用Markdown编辑器1、讲一下什么是MVVM1、简单说一下Vue2.x响应式数据原理2、简单说一下Vue3.x响应数据原理3、vue2.x中如何监听数组的变化4、nextTick知道吗?实现原理是什么生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器你好! 这是你第一原创 2020-08-05 10:50:24 · 754 阅读 · 0 评论 -
前端效率神器Yarn的安装和使用(超简单的安装)
Yarn的安装和使用是阅读 Yarn 官网的一个简单记录 点击查看官网:为什么要用提高安装包、更新包的速度了解YarnYarn 对你的代码来说是一个包管理器。它可以让你使用并分享 全世界开发者的(例如 JavaScript)代码。 Yarn 能够快速、安全、 并可靠地完成这些工作,所以你不用有任何担心。通过Yarn你可以使用其他开发者针对不同问题的解决方案,使自己的开发过程更简单。 使用过程中遇到问题,你可以将其上报或者贡献解决方案。一旦问题被修复, Yarn会更新保持同步。代码通过 包(pac原创 2020-06-03 16:31:00 · 2697 阅读 · 0 评论 -
vue时间过滤器
我们这边定义一个时间的过滤器activeDateFilter使用的话就是 <el-table-column label="时间"> <template slot-scope="scope"> <span>{{ scope.row.time | activeDateFilter}}</span> </template> </el-ta原创 2020-05-20 17:44:41 · 703 阅读 · 0 评论 -
vue过滤器的使用 filters
使用当我们没有设置过滤器的时候我们的代码是这样的 <el-table-column label="日志类型"> <template slot-scope="scope"> <span v-if="scope.row.logType==1">登录退出</span> <span v-if="scope.row.logType==2">管理员管理</原创 2020-05-20 17:32:39 · 439 阅读 · 0 评论 -
elementUI文件上传 判断文件类型
判断文件类型文件上传文件个数限制获取文件流错误信息删除合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入在用el-upload上传...原创 2020-04-18 16:19:17 · 5467 阅读 · 0 评论 -
vue el-upload 常见问题解决
常见问题解决文件上传文件个数限制获取文件流清空文件上传列表选择文件之后清除之前Item错误信息在用el-upload上传组件的时候需要注意accept 官网上讲可以控制文件上传的类型,但实际上并不可以 还需要土方法(获取文件后缀名进行判断)进行控制limit 不是很好用 它虽然限制了文件只能上传一个,但是你选择了一个 就不能再去选择第二个文件,正常情况下测试想要选择第二个,然后最后一个是有...原创 2020-04-18 16:18:09 · 6341 阅读 · 0 评论 -
Refusing to install package with name "koa" under a package
第一次创建一个Koa应用的时候,在安装koa插件的受遇到了报错Refusing to install package with name “koa” under a package报这个错误就是因为你的项目名称和所安装包的名称冲突了,如果你简单的改下项目的名字,这时候也是不行的,因为在通过 npm init -y 初始化项目后,生成的 package.json 文件中有一个 name 的字段,...原创 2020-04-18 16:01:32 · 1127 阅读 · 0 评论 -
node.js安装步骤
一、安装环境1、本机系统:Windows 10 Pro(64位)2、Node.js:v6.9.2LTS(64位)二、安装Node.js步骤1、下载对应你系统的Node.js版本:https://nodejs.org/en/download/2、选安装目录进行安装3、环境配置4、测试三、前期准备1、Node.js简介简单的说 Node.js 就是运行在服务端的 JavaScrip...原创 2019-10-10 19:59:25 · 316 阅读 · 0 评论 -
webstorm提示String templates are not supported by current....
最近在写node的时候,随手用了前端常用的编辑器webstorm,但是在编码过程中,编辑页面出现了大量的红线,很影响美观。鼠标浮在红线上,信息提示:String templates are not supported by current javaScript version经过查询相关资料发现是因为我的webstrom中的js版本太低,接下来就要更改webstorm中的Javascript的...原创 2019-06-21 15:43:48 · 763 阅读 · 0 评论 -
Vue入门(一) 初识vue及数据驱动和组件化
Vue入门(一) 理解vue的数据驱动和组件化近年来前端开发趋势 旧浏览器逐渐淘汰,移动端需求增加 前端交互越来越多,功能越来越复杂 架构从传统后台MVC向REST API + 前端MVVM迁移VueJS是什么轻量级的MVVM框架数据驱动+组件化前端开发Github 超过25K + 的STAR ,社区完善对比Angular ReactVue.js更轻量,gzip后只有...原创 2019-03-09 15:55:44 · 1171 阅读 · 0 评论