![](https://img-blog.csdnimg.cn/20190226092538703.jpeg?x-oss-process=image/resize,m_fixed,h_224,w_224)
vue项目常见问题
文章平均质量分 62
vue项目常见问题
终是后来居上
emmm
每周五-周日进行更新~
希望对初学者们能有帮助~
展开
-
vue 如何实现多页面应用
首先第一步:进入\build\webpack.base.conf.js目录下,在module.exports的域里,找到entry,在那里配置添加多个入口:// 文件路径更具自己的实际情况进行配置,我这仅是 demoentry: { app: './src/main.js', one: './src/js/one.js', two: './src/js/two.js' },这里的 one two 一定时要先在这里定义好的,后面是要用到的,好比 里面的app 不是随便瞎转载 2020-06-09 17:09:57 · 1239 阅读 · 0 评论 -
vue 高德地图 v-for循环数据 点击圆点显示信息弹窗
首先 依旧是安装vue高德地图插件npm 安装推荐 npm 安装。npm install vue-amap --saveimport VueAMap from 'vue-amap';Vue.use(VueAMap);VueAMap.initAMapApiLoader({ key: 'your amap key', plugin: ['AMap.Autocomplete',...原创 2019-03-09 09:55:57 · 3246 阅读 · 2 评论 -
正则判断
!/image\/\w+/.test(file.type)原创 2019-02-27 15:27:38 · 431 阅读 · 0 评论 -
axios拦截器 vue
页面发送http请求,很多情况我们要对请求和其响应进行特定的处理;如果请求数非常多,单独对每一个请求进行处理会变得非常麻烦,程序的优雅性也会大打折扣。好在强大的axios为开发者提供了这样一个API:拦截器。拦截器分为 请求(request)拦截器和 响应(response)拦截器请求拦截器axios.interceptors.request.use(function (config)...原创 2019-02-23 11:48:16 · 329 阅读 · 0 评论 -
使用navigator对象信息对浏览器进行判断 (vue-route 的 beforeEach 实现导航守卫(路由跳转前验证登录))
路由跳转前做一些验证,比如登录验证(未登录去登录页),是网站中的普遍需求。对此,vue-route 提供的导航守卫可以实现官方文档地址:https://router.vuejs.org/zh-cn/advanced/navigation-guards.html使用 router.beforeEach 注册一个全局前置守卫:const router = new VueRouter({ ......原创 2019-02-23 11:01:49 · 1253 阅读 · 0 评论 -
使用navigator对象信息对浏览器进行判断
navigator为Window对象的一个属性,指向了一个包含浏览器相关信息的对象。 navigatot中包含了一些常用到的属性,如: navigator.appVersion 浏览器的版本号 navigator.appName 浏览器的名称 navigator.language 浏览器使用的语言 navigator.platform 浏览器使用的...原创 2019-02-23 10:55:32 · 384 阅读 · 0 评论 -
vue项目判断 是否是移动端 再依据判断跳转
在app.vue页面写一个判断事件并调用_isMobile(){ let flag = navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbi...原创 2019-02-23 10:51:53 · 5833 阅读 · 4 评论 -
隐藏 element-ui上传照片显示的加号盒子
满足条件激活样式.disabled .el-upload–picture-card {display: none;}让+ 这个大盒子隐藏上传成功的钩子上传成功时把上传的图片加入一个数组激活 隐藏加号盒子的样式移除时的钩子当上传的照片个数未达到上限时 不激活隐藏的样式...原创 2019-02-22 17:07:58 · 2717 阅读 · 1 评论 -
vue弹出气泡 内容为接口返回数据
if (res.data.status == 1) {this.$message.success(res.data.result.message);} else {this.$message.error(res.data.result.message);}原创 2019-02-22 16:56:41 · 2034 阅读 · 0 评论 -
使用scoped让样式只对当前页面其作用时/deep/ 可以使其对子组件起作用
官方文档https://vue-loader.vuejs.org/guide/scoped-css.html#mixing-local-and-global-styles使其样式只对当前页面起作用影响到里面的子组件原创 2019-02-19 14:36:30 · 2074 阅读 · 0 评论 -
vue 高德地图 定位插件 地图实例插件 获取点击的地方的经纬度和具体地址
Geolocation高德地图的一个依赖配置 定位插件Geocoder高德地图的一个依赖配置 地图实例插件 获取点击的地方的经纬度和具体地址原创 2019-02-19 09:29:31 · 5616 阅读 · 2 评论 -
移动端限制input框只能输入数字,在iOS不生效的解决办法
pattern=’[0-9]*’原创 2019-02-18 18:01:38 · 1014 阅读 · 0 评论 -
vue 时间戳转换时间
默认的时间点击打开时间选择器使默认时间变为当前的是时间原创 2019-02-18 16:56:18 · 1960 阅读 · 0 评论 -
vue里无限滚动加载
v-infinite-scroll=“loadMore”infinite-scroll-disabled=“loading”infinite-scroll-distance=“10”loading:false,loadMore() {this.loading = true;this.pages++if(this.myl == true){return}else{setTim...原创 2019-02-16 11:31:12 · 3133 阅读 · 0 评论 -
select默认文字,不出现在下拉选项中(转)
<option value="" disabled selected hidden>choose</option><option value="0">0</option><option value="1">1</option>转载 2019-02-15 11:22:49 · 547 阅读 · 0 评论 -
router-link 激活显示样式
.card-list{ margin-top: 1.9rem; height: 2.2rem; line-height: 2.2rem; display: flex; background: #fff; margin-bottom: 0.05rem; .active{ width:5rem; height:1....原创 2019-02-14 15:50:44 · 2473 阅读 · 0 评论 -
vue打包(npm run build)
一、vue项目的创建1、首先第一肯定是要有Node.js及npm这个不多说了2、安装脚手架二、vue项目的打包1、大家都知道使用npm run build进行打包,这个时候你直接打开dist/下的index.html,会发现文件可以打开,但是所有的js,css,img等路径有问题是指向根目录的,此时需要修改config/index.js里的assetsPublicPath的字段,初始项...转载 2019-02-11 10:51:11 · 8084 阅读 · 0 评论 -
vue安装scss (less同理)
1、创建一个基于 webpack 模板的新项目$ vue init webpack myvue12、在当前目录下,安装依赖$ cd myvue$ npm install123、安装sass的依赖包npm install --save-dev sass-loader//sass-loader依赖于node-sassnpm install --save-dev node-sass...转载 2019-02-11 10:41:29 · 484 阅读 · 0 评论 -
swiper在vue里v-for循环后添加点击事件
swiper官方文档里有 点击事件的文档在html上为轮播添加一个自定义事件在js里获取到自定义事件传的值然后跳转原创 2019-02-02 10:13:17 · 5295 阅读 · 0 评论 -
swiper在vue里最后一张图片回弹
new Swiper (’.swiper-container’, {direction: ‘horizontal’, //切换方式 上下 左右loop: false, //是否自动轮播pagination: ‘.swiper-pagination’,// slidesPerView : 4,// loopedSlides :8,pagination...原创 2019-02-02 09:56:55 · 1986 阅读 · 0 评论 -
vue window.scrollTo屏幕滚动
获取高度和滚动高度滚动到一定高度导航栏跟着变化点击导航栏 跳转到指定位置原创 2019-01-25 11:05:24 · 6312 阅读 · 0 评论 -
最近在vue中使用的一个富文本编辑器ue
获取接口的值 设置富文本编辑器里默认的文本原创 2019-01-23 16:11:02 · 1576 阅读 · 0 评论 -
git安装配置
配置账户信息打开cmd或powershell,输入git config --global user.name “suimozzz” //绿色部分为GitHub用户名git config --global user.email &quot;suimozzz@xxx.com&quot; //这里用GitHub的注册邮箱创建本地ssh打开cmd或powershell,输入ss...原创 2019-01-23 10:35:22 · 749 阅读 · 0 评论 -
js方法 使url 转码编码
”http%3A%2F%2Fwww.baidu.com%2Fasd%3Fa%3D123”这种特殊字符被转义成16进制的字符串”%3A”表示冒号(百分号”%”是转义符, 相当于正则当中的反斜杠”/”)可以用 encodeURIComponent和decodeURIComponent. 编码和转码encodeURIComponent是转义字符串,decodeURIComponent是解析字符...原创 2019-01-22 13:55:31 · 1822 阅读 · 0 评论 -
vue axios方法 delete格式 put格式 get格式 post 格式 上传数据
post格式 axios上传数据catch(err=&gt;{console.log(err);})get格式params上传数据put格式delete格式原创 2019-01-22 14:21:32 · 3564 阅读 · 0 评论 -
element ui 的照片墙 默认显示照片
element ui的照片墙 默认显示照片照片显示的数据格式要是[{name:"",url:""}]file-list = “” 默认显示的图片原创 2019-01-22 14:25:17 · 8788 阅读 · 0 评论 -
element-ui的时间选择器 获取的时间格式转换
设置了yyyy-MM-dd和change事件原创 2019-01-22 14:29:06 · 7233 阅读 · 0 评论 -
localStorage、sessionStorage、Cookie
本地存储 不主动删除一直在localStorage.setItem(“key”,“value”);//以“key”为名称存储一个值“value”localStorage.getItem(“key”);//获取名称为“key”的值localStorage.removeItem("key");//删除名称为“key”的信息。localStorage.clear();//清空localSt...原创 2019-01-22 16:42:47 · 89 阅读 · 0 评论 -
swiper在vue第一张闪过
获取api接口数据后再对轮播进行初始化原创 2019-01-22 16:46:55 · 618 阅读 · 0 评论 -
vue 组件传值
vue 非父子组件传值vue父组件给子组件传值vue子组件给父组件传值原创 2019-01-22 16:48:59 · 801 阅读 · 0 评论 -
vue使用element-ui后@click事件不生效
@click改为@click.native原创 2019-01-22 16:52:57 · 2699 阅读 · 0 评论 -
更改checkbox默认样式
原创 2019-01-22 16:54:21 · 620 阅读 · 0 评论 -
文本溢出隐藏显示...和英文换行
对要溢出隐藏的文本添加样式white-space: nowrap;overflow: hidden;-o-text-overflow: ellipsis;text-overflow: ellipsis;原创 2019-01-22 17:02:57 · 1550 阅读 · 0 评论 -
swiper在vue里点击事件无效
swiper在vue里点击事件无效再swiper里触发点击事件onclick原创 2019-01-22 17:25:00 · 11042 阅读 · 0 评论 -
select默认文字不出现在下拉选项
select默认文字不出现在下拉选项disabled selected hidden&amp;amp;lt;option value=&amp;quot;&amp;quot; disabled selected hidden&amp;amp;gt;choose01原创 2019-01-22 17:28:37 · 795 阅读 · 0 评论 -
element-ui的用户头像上传默认显示图片
初始时为img获取一个图片原创 2019-01-23 09:24:08 · 8456 阅读 · 0 评论 -
vue 跳转传参
router-link传参query方法传参 会一直在url栏显示router.push 传参1.params2.query原创 2019-01-23 09:31:02 · 194 阅读 · 2 评论