
vue相关
文章平均质量分 58
create13
这个作者很懒,什么都没留下…
展开
-
vue项目中textarea无法根据输入的内容自适应高度 爬坑
刚开始掘金上找了一下 文章说样式上设置一个最小高度例如20px,然后可以通过监听textarea的input输入事件。直接在textarea输入内容时,给输入的样式高度先设置auto 后设置scrollHeight给输入的样式。直接通过input事件 给textarea高度赋值 并且在样式里也不用写最小高度 直接写一个。直接完美解决了输入内容和删减内容的时候 textarea文本框自适应高度。要求做一个可以输入的卡片,不管输入多少文字,输入的内容上下左右都居中。并且要在赋值之前 先赋最小默认值 代码如下。原创 2023-04-11 22:20:11 · 1255 阅读 · 0 评论 -
position设置sticky不生效的几种情况
1.它的父元素或者父元素的父元素等(总之就是直系长辈元素)任意一个设置overflow:hidden;overflow-x: hidden; overflow-y: hidden;overflow:auto;overflow-x:auto;overflow-y:auto;的任意一种时,就会不生效。2.未设置top,right,bottom,left中的任意一个值。相当于没设置脱离文档流后的固定位置,是以哪个位置为依据。所以也不会起到效果。3.一个页面中,多处设置sticky。如果设置的固定住的位置相原创 2021-01-14 16:13:08 · 37203 阅读 · 3 评论 -
设置字体小于12像素的方法 以及解决字体变小后 文字顶点偏移在区域内位置变更的问题
1.设置字体小于12像素font-size: 12px;transform: scale(0.8); // 将字体缩小80% 也就是9.6px;如果想设置更小 可以修改scale中的数值缩放前:缩放后:文字是变小了,但是原本的左对齐 现在变成了位置偏居中。2.解决基点位置偏移的问题transform-origin: 0 0;将基点位置移动回原本的 X Y轴 (0,0)的位置 设置后so 设置字体小于12像素 并且位置不偏移的解决方法:font-size原创 2020-11-13 11:58:56 · 2239 阅读 · 1 评论 -
npm install后 出现 operation not permitted -4048 报错字样 缓存问题解决方法
只要是出现operation not permitted -4048相关字样,就证明缓存影响了npm安装 不管是否报缺少vue-style css-style或者缺少什么模块 首先先做如下操作删除node_modules文件,删除方法是在vscode终端输入如下命令rmdir /s/q node_modulesnode_modules文件删掉之后,操作如下:1.删除.npmrc文...原创 2020-02-11 18:23:49 · 962 阅读 · 0 评论 -
针对移动端安卓、ios手机键盘遮挡输入框方法处理
下面代码只处理 遮挡input输入框的情况 如果是textarea也是一样的加上判断document.activeElement.tagName == 'TEXTAREA'这里用的scrollIntoViewIfNeeded()方法是scrollIntoView的衍生体 对移动端安卓手机兼容兼容情况良好但是web端兼容情况不乐观 对IE和opera和火狐浏览器部分不兼容或未知con...原创 2019-12-17 15:15:58 · 547 阅读 · 0 评论 -
移动端判断当前手机设备是安卓(Android)还是苹果ios
const category = navigator.userAgent;const isAndroid = category.indexOf('Android') > -1 || category.indexOf('Adr') > -1; //android终端const isiOS = !!category.match(/\(i[^;]+;( U;)? CPU.+Mac OS...原创 2019-12-17 14:14:40 · 3743 阅读 · 0 评论 -
vue手机端h5 html页面引入meta标签 解决h5页面重新发布后缓存上次文件的问题
在根目录的index.html head标签里引入如下内容 可解决因为浏览器缓存文件的问题<metahttp-equiv="Cache-Control"content="no-cache,no-store,must-revalidate"/><metahttp-equiv="Pragma"content="no-cache"/><metah...原创 2019-12-11 14:22:06 · 1411 阅读 · 1 评论 -
vue移动端关闭当前页面回到微信
返回页面这个问题 当时打算使用window.close() 我自己的安卓手机 并没有退出当前主页面 回到企业微信最终解决方法WeixinJSBridge.call('closeWindow');WeixinJSBridge是微信内置浏览器私有接口(注意:(WeixinJSBridge只能在微信内打开的网页有效))...原创 2019-11-25 15:01:11 · 2878 阅读 · 0 评论 -
vue webpack 实现多页面应用
1.安装脚手架 npm install vue-cli -g2.vue init webpack 项目名3.安装步骤操作 回车4.cd 项目名 npm install5.npm run dev这样脚手架搭建好了 并且可以运行起来了我们开始搭建多页面应用1.安装globglob是webpack安装时依赖的一个第三方模块,该模块允许你使用 *等符号, 例如utils/...原创 2019-04-09 15:20:50 · 1505 阅读 · 0 评论 -
vue项目打包后,npm run build相关配置,以及解决项目打包后,图片404,背景图片找不到,iview代码出问题的情况
1.首先找到config下的index.js文件 将build下的assetsPublicPath的斜杠换成./ 操作如下只需要换build中的就可以 dev中的assetsPublicPath不用动 不然打包过后 npm run dev的时候直接出现can not Get2.因为打包后生成的是dist文件夹 文件夹中是static文件夹和index.html static文件夹中包含...原创 2018-07-30 13:26:30 · 10254 阅读 · 2 评论 -
vue中登录成功后台自动将token保存进入session缓存,解决前端每次生成的token不同与后端保存的不一致,无法访问下一个接口的问题
这个问题,真心是一个深坑,搞了一天 本来以为是跨域问题。结果最后发现是token不同导致解决方法:在main.js或者封装的axios中引入 axios.defaults.withCredentials = true;表示跨域请求时,使用凭证 允许后台在header响应头中带参数接收 这样就可以保证token一致没错,就是简简单单一条语句,就解决掉了这个问题。...原创 2018-07-30 11:21:45 · 12681 阅读 · 5 评论 -
vue-cli搭建教程
1.首先选择一个盘符的文件夹,这里我使用的是f盘xm文件夹2.window+r 运行输入cmd3.cd 进入xm文件夹 f: cd F:\xm4.npm install vue-cli -g 安装vue脚手架 当出现下面黄色字体以及目录结构时,证明脚手架安装成功5.vue init webpack 文件名 (我这里想要建的是gisbim文件夹)即 vue init webpack gisbim ...原创 2018-05-14 18:19:53 · 536 阅读 · 0 评论