Vue
前端阿皓
前端攻城狮
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
uinapp微信小程序隐私政策授权
uniapp隐私政策协议弹窗授权原创 2023-11-03 10:59:27 · 1561 阅读 · 0 评论 -
vue-antd-admin路由切换报错
在使用vue-antd-admin混合导航时控制台报错 1、报错如下 2、解决方案 1、找到报错方法 getSelectedKeys,此方法在components->menu->menu.js中 2、修改方法,是因为在chose判断的时候,部分数据chose为undefined导致判断不严谨,报错 3、修改如下: 二、额外部分:在使用vue-antd-admin的时候最好关闭CDN资源加载,不然会导致部分浏览器无法访问系统。 ...原创 2022-03-04 16:47:56 · 748 阅读 · 0 评论 -
Vue富文本插件(quill-editor)
vue中使用quill-ditor富文本插件(vue-quill-ditor)原创 2021-12-21 11:20:53 · 11672 阅读 · 4 评论 -
Vue拖动截图功能实现
???? 拖动鼠标进行页面截图(也可指定区域拖动截图) 一、安装html2canvas、vue-cropper npm i html2canvas --save //用于将指定区域转为图片 npm i vue-cropper -S //将图片进行裁剪 二、在main.js注册vue-cropper组件 import VueCropper from 'vue-cropper' Vue.use(VueCropper) 三、页面中引入html2canvas imp原创 2021-07-06 22:33:38 · 2204 阅读 · 25 评论 -
Vue开发VR项目
一、下载插件 npm install photo-sphere-viewer原创 2021-06-11 14:48:59 · 1494 阅读 · 1 评论 -
Vue中使用高德地图
Vue中使用高德地图定位及poi搜索,以及其他插件的使用方法 1、第一步安装 npm install vue-amap --save 2、引入vue-amap main.js import Vue from 'vue'; import VueAMap from 'vue-amap'; import App from './App.vue'; Vue.use(VueAMap); VueAMap.initAMapApiLoader({ //可全局初始化,也可按需初始化 key: '原创 2021-05-19 22:45:58 · 1336 阅读 · 2 评论 -
Failed to download repo vuejs-templates/webpack: unable to verify the first
报错原因:由于ssl证书问题,可修改配置文件绕过验证 1、打开vue-cli默认路径 C:\Users<UserName>\AppData\Roaming\npm\node_modules\vue-cli\node_modules\download文件夹下面的index.js 2、注释掉:rejectUnauthorized: process.env.npm_config_strict_ssl !== ‘false’ 3、然后改为:rejectUnauthorized : false 4、最后原创 2021-05-19 19:53:55 · 1624 阅读 · 0 评论 -
vue ios上面输入框自动获取焦点
直接上代码,解决方法如下 this.$nextTick(()=>{ this.$refs.inputs.focus() })原创 2020-04-07 21:07:52 · 1760 阅读 · 2 评论 -
Vue解决微信浏览器input关闭键盘后导致页面底部空缺的问题
导致原因: 是微信webview打开我们h5页面的时候,就固定了页面的高度,如果这个input在页面的底部,当唤起软键盘的时候,由于高度问题,整个webview会被键盘顶上去,,而取消的时候没有恢复原状。 解决办法 第一种:失去焦点后自动置顶 inputLoseFocus() { setTimeout(() => { window.scrollTo(0, 0); }, 100...原创 2020-04-07 20:36:39 · 1440 阅读 · 1 评论 -
Vue移动端适配
Vue移动端适配并解决rem影响第三方ui库样式问题 一、项目中安装lib-flexible npm install lib-flexible --save 二、在项目的入口main.js文件中引入lib-flexible import 'lib-flexible' 三、安装postcss-px2rem-exclude npm install postcss-px2rem-exclude --...原创 2020-03-12 18:26:47 · 685 阅读 · 1 评论
分享