![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue移动端rem适配
梦一场江南烟雨
听闻远方有你,动身跋涉千里,我吹过你吹过的风,这算不算相拥
zhoukai.blog.csdn.net
展开
-
vue通过自定义指令使input输入框自动获取焦点
在部分开发场景中 我们需要input输入框自动获取焦点 我们可以通过以下代码实现 使用自定义指令 v-focus <template> <el-input v-focus v-model="scope.row.comment" placeholder="请输入内容" @input="onInput"></el-input> </template> 在script中注册自定义指令 // 使用directives注册v-focus指令 directives: {原创 2021-09-24 10:03:57 · 2070 阅读 · 2 评论 -
移动端适配将px转换成rem
postcss-pxtorem:转换px为rem的插件 安装 postcss-pxtorem npm install postcss-pxtorem --save 新建rem.js文件 const baseSize = 32 // 设置 rem 函数 function setRem () { // 当前页面宽度相对于 750 宽的缩放比例,可根据自己需要修改。 const scale =...原创 2019-11-29 15:14:38 · 820 阅读 · 2 评论 -
vue如何实现移动端rem适配
在自己的项目中新建一个叫utils的文件夹,里面新建一个rem.js,一般utils文件夹都是存放公用方法的,在rem.js写: (function(doc, win) { var docEl = doc.documentElement, resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'r...原创 2019-11-29 14:59:43 · 1161 阅读 · 3 评论