![](https://img-blog.csdnimg.cn/20190927151053287.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
Vue.js
文章平均质量分 51
Vue.js
假装不秃头
这个作者很懒,什么都没留下…
展开
-
在vue中不同场景keepalive使用方法(移除缓存页面、新增缓存页面,动态控制)
配合router使用router-view也是一个组件,如果直接被包在keepalive里面,那么所有路径匹配到的视图组件都会被缓存,如下:<keep-alive> <router-view> <!-- 所有路径匹配到的视图组件都会被缓存! --> </router-view></keep-alive>...原创 2021-10-16 09:11:34 · 1584 阅读 · 0 评论 -
keep-alive用法(include、exclude、max)
提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录1.用处2.属性3.介绍4.使用使用中可能遇到的问题1.用处主要用于保留组件状态或避免重新渲染。2.属性include 字符串,数组或正则表达式。只有名称匹配的组件会被缓存。exclude 字符串,数组或正则表达式。任何名称匹配的组件都不会缓存。max 数字。最多可以缓存多少组件实例。3.介绍< keep-alive > 包裹动态组件时,会被缓存不活动的组件实例,而不是销毁它们。< ke原创 2021-10-13 11:38:53 · 25751 阅读 · 0 评论 -
Elemet-ui开关组件el-switch :点击时状态不变出现弹窗,点击确认再改变按钮状态
默认使用方法<el-switch v-model="value" active-color="#13ce66" inactive-color="#ff4949"></el-switch>----------------------------------------------------- export default { data() { return { value: true } } };更原创 2021-06-01 09:38:14 · 2072 阅读 · 1 评论 -
jenkins自动部署时npm install报错解决办法
jenkins自动部署时npm install报错解决办法背景本来前端代码自动部署一片祥和,后来我前端开发的时候下载了一个vue-qr(生成二维码使得),jenkins自动部署时就报错了执行不下去。报错信息:部署进度条就变这样色的了~看到红色个就紧张有木有?解决办法给服务器装一个淘宝镜像:npm install cnpm -g --registry=https://registry.npm.taobao.org让jenkins用cnpm install 下载依赖即可。世界又恢复到以往的宁静原创 2021-05-26 10:55:39 · 4488 阅读 · 1 评论 -
element在el-row 或者 el-col 上使用@click失效
使用element标签时注意!问题:写项目的时候使用element-ui中el-row时,发现直接用@click="fn"无法触发点击事件,在其内部或者外部加上自己写的html标签(如:div、span)是生效的。//不生效代码 <el-row class="register" @click="goRegister()"> 还没有账号,去注册</el-row>改正:el-row,el-col上的点击事件需要加.native,就可以实现点击事件//生效<el-原创 2021-05-11 16:03:59 · 1530 阅读 · 3 评论 -
vue框架常用插件以及ui库
scss是什么?在vue.cli中的安装使用步骤是?有哪几大特性?css的预编译,使用步骤如下:第一步:用npm 下三个loader(sass-loader、css-loader、node-sass)第二步:在build目录找到webpack.base.config.js,在那个extends属性中加一个拓展.scss第三步:还是在同一个文件,配置一个module属性第四步:然后在组件的style标签加上lang属性 ,例如:lang=”scss”特性主要有:可以用变量,例如($变量名称=值原创 2021-04-25 17:11:48 · 616 阅读 · 0 评论 -
vue开发环境搭建以及创建vue项目
vue创建项目环境准备1. 编辑器推荐VS code 或者 WebStorm2. 安装node.js https://nodejs.org/en/(推荐v10以上)//检查node是否安装成功node-v3. 基于 Node.js 安装cnpm(淘宝镜像)npm install -g cnpm --registry=https://registry.npm.taobao.org //检查 cnpm是否已经安装好 命令 cnpm -v4. 安装webpacknpm i webpac原创 2021-04-25 14:08:28 · 192 阅读 · 0 评论 -
按回车页面刷新 输入框按enter键引起页面刷新
按回车页面刷新 输入框按enter键引起页面刷新问题:输入完名称 按enter页面会刷新解决方法1:去掉表单方法2:form表单中大于多于两个文本框(只有一个文本框的话,复制一个,display设置为none)方法3:form表单后面加上一个 onsubmit 事件,返回 false,来阻止 form 提交(οnsubmit=“return false;”)另外,如果是element-ui中出现了这个问题,可以在el-form中写一个属性:@submit.native.prevent,这样也可以原创 2021-01-25 17:53:37 · 367 阅读 · 0 评论