vue
.....
小白浩、
分享it知识
展开
-
Vue控制台警告: Added non-passive event listener to a scroll-blocking ‘touchmove‘ event. Consider markin
Passive Event Listeners:就是告诉前页面内的事件监听器内部是否会调用preventDefault函数来阻止事件的默认行为,以便浏览器根据这个信息更好地做出决策来优化页面性能。当属性passive的值为true的时候,代表该监听器内部不会调用preventDefault函数来阻止默认滑动行为,Chrome浏览器称这类型的监听器为被动(passive)监听器。违反:没有添加被动事件监听器来阻止’touchstart’事件,请考虑添加事件管理者’passive’,以使页面更加流畅。原创 2023-08-25 10:54:43 · 1011 阅读 · 0 评论 -
node报错python问题
原文发表自, 转载请注明。原创 2023-05-06 13:34:22 · 655 阅读 · 0 评论 -
npm无法使用的坑及其解决
1.(如果是第一次可以跳过这个步骤)如果你是下载了nodejs的话,那么请以此删除一下的文件:(他们可能有也可能没有,但有的话把它们删除)到GitHub的项目下载地址,选择下载nvm-setup.zip,解压后双击使用安装程序即可(可能以后页面会改变,但是大家认准文件名即可)C:\Users{User}\AppData\Roaming\npm-cache(或%appdata%\npm-cache)C:\Users{User}\AppData\Roaming\npm(或%appdata%\npm)原创 2023-01-10 20:38:24 · 2212 阅读 · 0 评论 -
vue 表格序号
列表序号原创 2022-11-22 21:38:56 · 282 阅读 · 0 评论 -
vue中@路径不好用
安装 npm install path --save。在vue.config.js加上。原创 2022-11-21 20:17:06 · 816 阅读 · 0 评论 -
npm install报错 find module ‘semver’
原因是node版本不匹配npm版本重新下载即可 15 16的版本。原创 2022-11-10 17:30:39 · 230 阅读 · 0 评论 -
element ui from表单验证
假如有一个 name 字段,数据库中设置的长度为64。在 element-ui 中如果用 max:64 的方法对字段进行限制,那么输入64个汉字时,数据库中实际的长度就是 192 ,这显然不是我们想要的。所以,我们需要自定义一个函数,可以满足中英文字符的混合校验,精准地对字段的长度进行限制。当我们需要使用 element-ui 来校验长度的时候,可以在前端用其内置的 max、min 属性来限制。但是我们知道——由于数据库的编码格式的不同,一个汉字在数据库中需要占 2-3 个字节。怎么使用在另一片文章。原创 2022-11-05 21:35:38 · 910 阅读 · 0 评论 -
使用element ui表单验证的流程
1.4 表单提交时,通过this.$refs.表单的ref.validate()1.2 给el-form-item添加prop属性。1.3 定义表单的验证规则(也可以不需要定义)1.1 给表单添加ref属性。原创 2022-11-05 21:34:36 · 1448 阅读 · 0 评论 -
vue npm insatll报错
重新装了 @vue/cli @vue/cli-service 及 node 版本调整,一顿排查及操作之后,依旧报错。1.package.json 文件中未定义依赖项@vue/cli-service,因此在 npm install 之后并没有安装@vue/cli-service 依赖;此操作防止第1步安装依赖后环境变量不生效,导致vue-cli-service命令依旧报错找不到。解决:项目目录下执行命令,npm i -D @vue/cli-service。3.按照第1步,第2步操作后依旧报错;原创 2022-11-05 15:58:04 · 170 阅读 · 0 评论 -
报错Request failed with status code 404
我使用的是vue- admin-template。原创 2022-11-03 00:54:00 · 2001 阅读 · 2 评论 -
没有bulid 怎么关掉eslint
vue-cli创建的项目目录结构没有bulid文件夹怎么关掉eslint被eslint折磨到疯掉在vue.config.js中添加下面代码module.exports = { lintOnSave: false,}原创 2022-03-11 11:53:13 · 877 阅读 · 0 评论 -
Element-ui中Container布局容器的坑
今天在用Element-ui的Container布局的时候,我把头部和底部和主要内容分成了三个组件,在APP.vue中调用在一起。但是发现看不到内容,后来发现原来是全部变成水平排列了。这是我一开始写的代码APP.vue<template> <div id="app"> <el-container> <app-header></app-header> //顶部导航组件 <index></i原创 2022-03-09 15:33:50 · 1559 阅读 · 0 评论 -
解决element-ui button绑定回车效果
绑定回车效果,不出效果因为element-ui button没有抛出keyup效果解决办法:用:@keyup.native.enter在 el-form 添加这个效果原创 2021-11-25 15:22:00 · 3949 阅读 · 1 评论 -
使用 postcss-px-to-viewport 插件处理 h2 间距的问题
在浏览器全屏的时候 h2 标签可以正常显示把浏览器缩小到700px的时候h2标签就会变大解决办法把 .postcssrc.js 文件中的 exclude 删除掉就可以原创 2021-11-23 16:32:22 · 437 阅读 · 0 评论 -
vue自适应布局 postcss-px-to-viewport 插件
第一步:安装 postcss-px-to-viewport 插件npm install postcss-px-to-viewport -save第二步:在vue脚手架根目录下配置 .postcssrc.js 文件第三步: 在.postcssrc.js添加配置module.exports = { plugins: { autoprefixer: {}, // 用来给不同的浏览器自动添加相应前缀,如-webkit-,-moz-等等 "postcss-px-to-viewpor原创 2021-11-22 17:14:14 · 737 阅读 · 0 评论 -
如何修改 Element-UI input 标签的高度
现在前端开发在写样式的时候比以前省心多了,这无疑得益于 UI 框架的普及,但是缺点就是使用它的东西不能完全自定义。这次就遇到 element-UI input 输入框高度自定义的问题。先测试下简单的按钮修改:一、先放一个按钮<template> <div> <el-button type="warning">按我</el-button> </div></template><script&原创 2021-11-01 15:31:58 · 7922 阅读 · 5 评论 -
vue项目配置
vue配置通过vite创建vue脚手架安装vitenpm install -g create-vite-app创建脚手架通过淘宝镜像安装npm install -g cnpm --registry=https://registry.npm.taobao.orgyarn create @vitejs/app 名字cd 名字yarnyarn dev安装路由yarn add vue-router@4安装axiosnpm install axios --save原创 2021-10-31 20:52:06 · 236 阅读 · 0 评论