
VUE
幸福清风
专注python语言
展开
-
VUE:解决判断网页端与手机端情况下,横竖屏无法判断的问题
一、需求:第一步:判断是网页端还是手机端第二步:判断手机端,手机是横屏显示还是竖屏显示二、解决方法:监听网页端还是手机端监听显示页面宽高变化三、代码如下:methods: { _isMobile() { let flag = navigator.userAgent.match( /(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|原创 2020-06-05 11:34:04 · 2058 阅读 · 0 评论 -
npm全局环境变量配置及解决VsCode使用时遇到的问题
一、npm全局环境变量配置1、我们要先配置npm的全局模块的存放路径以及cache的路径例如我希望将以上两个文件夹放在NodeJS的主目录下,便在NodeJs下建立”node_global”及”node_cache”两个文件夹。如下图2、cmd 中输入如下命令npm config set prefix “d:\nodejs\node_global”npm config s...原创 2020-04-22 14:48:00 · 7400 阅读 · 0 评论 -
从零开始,手把手交给你vue如何新建一个项目
vue创建项目(npm安装→初始化项目)第一步npm安装首先:先从nodejs.org中下载nodejs图1双击安装,在安装界面一直Next图2图3图4直到Finish完成安装。打开控制命令行程序(CMD),检查是否正常图5使用淘宝NPM 镜像大家都知道国内直接使用npm 的官方镜像是非常慢的,这里推荐使用淘宝 ...原创 2020-03-20 10:07:21 · 772 阅读 · 0 评论 -
系统总结vue组件间通信、数据传递(父子组件,同级组件)
总结一下对vue组件通信的理解和使用。一、组件目录结构父组件:app.vue 子组件:page1.vue 子组件:page2.vue父组件 app.vue<template> <div id="app"> <p>请输入单价: <input type="text" v-model="price"></p> ...原创 2020-03-16 13:33:49 · 351 阅读 · 0 评论 -
如何让二维码自适应浏览器的尺寸
一、遇到的问题:正常浏览网页,二维码正常显示,但是随着浏览器的扩大与缩小,二维码尺寸不会随着屏幕自适应 正常浏览(截取部分): 缩小浏览器(截取部分): ...原创 2020-03-12 15:01:23 · 1967 阅读 · 0 评论 -
刷新页面,无论点击多少次让Element UI的Message消息提示弹出一个
一、遇到的问题Element UI的Message消息提示是点击一次触发一次的。在开发的时候经常会作为一些校验提示,但是公司的测试人员在进行测试时会一直点,然后就会出现如下图的情况。虽然客户使用的时候一般来说不会出现这种情况(毕竟客户不会闲着没事一直点点点,而且就算出现了也只是不太好看,对功能什么的都没什么影响),但既然测试提出来了那还是要解决的。最开始查了下Element UI的官...原创 2020-03-12 14:23:00 · 1545 阅读 · 0 评论