- 博客(11)
- 收藏
- 关注
RSS订阅原创 Vue/uniapp 精确获取dom元素高度/宽度等
getHeight(dom) { console.log(this.$refs.[dom].$el.offsetHeight) // 获取高度}// 这里的offsetHeight可以替换，用来获取其他的属性// offsetWidth //返回元素的宽度（包括元素宽度、内边距和边框，不包括外边距）// offsetHeight //返回元素的高度（包括元素高度、内边距和边框，不包括外边距）// clientWidth //返回元.
2021-03-01 14:26:29
4960
原创 Vue cli3 使用 scss 全局变量
1.安装sass-resources-loadercnpm install sass-resources-loader --save-dev2.在项目根目录新建vue.config.js文件3.在项目src/assets/css/ 中创建 index.scss 文件（路径自行新建或取其他也可以）4.vue.config.js内写入以下内容module.exports = { css: { loaderOptions: { sass: {
2020-11-23 11:18:50
612
原创 小程序 uniapp 文件流，验证码 文件流 处理
// An highlighted blockuni.downloadFile({ url: '请求的地址', //仅为示例，并非真实的资源 success: (res) => { if (res.statusCode === 200) { console.log(res.tempFilePath) // 保存后的地址 console.log('下载成功'); } }});...
2020-09-02 16:44:13
2126
原创 Vue 服务器域名与接口不同域名上线后404
当Vue项目打包上线后服务器域名与接口域名不同时 会报404这是因为vue在开发环境下，会根据配置好的api自动添加基准路径而在开发环境下，需要手动配置在config/prod.env.js添加module.exports = merge(prodEnv, { NODE_ENV: '"production"', API_ROOT: '"http://xxxx.xxxxxx.xxx"' // 基准路径})在api统一管理的文件内添加拦截器///request拦截器axios.int
2020-08-18 00:45:18
1240
2
原创 vue 获取文件流渲染 （如验证码）
getVerificationCode() { // 渲染文件流 axios.request({ url: '/api/v1/pub_captcha/', responseType: 'blob', method: 'get' }).then(res => { let blob = new Blob([res.data], { type: "image
2020-07-08 10:14:52
1886
原创 uni-app 解决安卓端软键盘弹起布局错乱方案
当h5运行在安卓端的时候，点击input将会自动弹起软键盘，此时会将我们定位的元素向上挤，导致布局混乱，如下图究其原因，是因为软键盘弹起的时候会将最外层的dom的高度缩小为可视窗口的大小解决方案加载页面的时候，记录下该设备可视区域大小，点击input的时候，强制将最外层dom为记录下来的可视区域大小即可// html部分<view class="root":st...
2020-04-30 14:25:57
2792
原创 vue 批量成二维码 qrcodejs2 使用JSZIP打包下载
根据内容在前端生成二维码插件qrcodejs21. cnpm iqrcodejs2 -S2.html部分，这里在for循环内加了个盒子，并且给id绑定为+index，使它生成不同id的盒子qrcodejs2 会根据id找到盒子，并向内添加一个二维码绘制的canvas<div:id="'qrcode'+index‘"></div>3.js部分老规矩先...
2020-04-24 15:08:49
1549
原创 解决HBuilderX无法启动或闪退
故障：1、点击HBuilderX图标没反应，应用打不开2、进程中有HBuilderX运行但无反应3、删除并重新下载HBuilderX后仍然无法打开解决：1、打开C:\Users\86130（你的用户名）\AppData\Roaming2、删除HBuilderX整个文件夹后，重新打开HBuilderX文件的HBuilderX.exe3、完成注意：找...
2020-04-10 14:29:04
10740
3
原创 uni-app 基于vmeitime-http 请求封装使用
vmeitime-http 封装链接https://ext.dcloud.net.cn/plugin?id=159基于 vmeitime-http插件 request 使用方式，支持请求和响应拦截vmeitime-http 作者SnoopyChen作用：避免繁琐配置api使用方法1. 将整个vmeitime-http放入项目根目录的common中2.修改全局...
2020-04-08 17:17:01
1690
原创 uni-app 小程序显示顶部，h5页面隐藏顶部
H5端去除小程序的顶部解决方案思路：1.使用uni-app /*#ifdef H5 */判断是否为h52.找到生成的<uni-page-head></uni-page-head>3.在app.vue设置h5时生效display:none...
2020-04-03 18:54:02
9663
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人