vue

Vue中的computed属性

看了网上很多资料,对vue的computed讲解自己看的都不是很清晰,今天忙里抽闲,和同事们又闲聊起来,对computed这个属性才有了一个稍微比较清晰的认识,下面的文章有一部分是转自: https://www.w3cplus.com/vue/vue-computed-intro.html &cop...
代码星球·2020-08-25

vue项目的环境变量

项目环境一般分为开发环境,测试环境,线上环境因为每个环境的接口域名、webpack配置都是不同的,所以在打包构建时,我们需要区分这些环境,这时就用到了环境变量在工作中使用到了两种方法来区分,下面将这两种方式一一列举出来技术框架是vue-cli@2.x首先看下下面的解释,后面会用到<process对象是一个全局变量...
代码星球·2020-08-25

Vue 实现前进刷新,后退不刷新的效果

在一个列表页中,第一次进入的时候,请求获取数据。点击某个列表项,跳到详情页,再从详情页后退回到列表页时,不刷新。也就是说从其他页面进到列表页,需要刷新获取数据,从详情页返回到列表页时不要刷新。解决方案在 App.vue设置:<keep-aliveinclude="list"><router-...

vue-cli 3.0 豆瓣api接口使用element做分页

记录自己的学习大佬绕道谢谢! 豆瓣即将上映接口:https://api.douban.com/v2/movie/coming_soon本地跨域问题看我之前的文章:https://www.cnblogs.com/yangsg/p/10633385.html因为之前用过elementUI写过分页相关业务代码但是时...

vue调用豆瓣API加载图片403问题

"豆瓣API是有请求次数限制的”,这会引发图片在加载的时候出现403问题,视图表现为“图片加载不出来”,控制台表现为报错403。其实是豆瓣限制了图片的加载,我自己用了一个办法把图片缓存下来:只要在请求到的图片链接前面加上‘https://images.weserv.nl/...

vue组件中的样式属性--scoped

ScopedCSSScopedCSS规范是Web组件产生不污染其他组件,也不被其他组件污染的CSS规范。vue组件中的style标签标有scoped属性时表明style里的css样式只适用于当前组件元素 它是通过使用PostCSS来改变以下内容实现的:<stylescoped>.example{c...

webpack3构建全面提速优化vue-cli

伴随着vue的全球化,各种vue的组件框架越来越完善,从早期的element-ui到vux,iview等越来越多高质量的项目,使用vue进行前端构建已然是一件工程化,模块化,敏捷化的事情在这其中,相信很多人都会选择官方的vue-cli初始化工程模板,然后通过引入第三方组件框架和工具的方式进行开发构建,我个人也十分推崇这...

vue 路由对象(常用的)

路由对象在使用了vue-router的应用中,路由对象会被注入每个组件中,赋值为 this.$route ,并且当路由切换时,路由对象会被更新。路由对象暴露了以下属性:$route.path 字符串,等于当前路由对象的路径,会被解析为绝对路径,如 "/home/news"&nbs...

vue路由回退判断

在页面一开始加上一个全局的函数:activated:function(){this.$setgoindex()}  这个函数是这样的,判断当前页面的历史记录是不是小于等于1,如果小于等于1,说明这个页面没有可以返回的上一页,如果没有可以返回的上一页,就给地址栏加上一个goindex=true的参数,这样你从这个页面在往...
代码星球·2020-08-25

vue-resource和vue-async-data两个插件的使用

vue-resource和vue-async-data两个插件的使用,看了一下文档http://cn.vuejs.org/guide/plugins.html#u5DF2_u6709_u63D2_u4EF6__26amp_3B__u5DE5_u5177varVue=require("vue"),App=require(...

Vue Resource root options not used?

IspecifyarootoptionsinmyVue-Resourceinmymain.jsfile,butwhenIdotherequest,itdoesnotusetherootoptions.WhatamImissing?Here'sthecode:main.js:Vue.http.options.root='...

vue 如何实现 Input 输入框模糊查询方法

原理:原生js的indexOf()方法,该方法将从头到尾地检索数组,看它是否含有对应的元素。开始检索的位置在数组start处或数组的开头(没有指定start参数时)。如果找到一个item,则返回item的第一次出现的位置。开始位置的索引为0。如果在数组中没找到指定元素则返回-1。下面先看示例:搜索前:搜索后:实现方法:...

Vue 做的项目在IE下面打开一片空白解决方法

ie浏览器打开报这个错并且页面空白:原因:这是因为浏览器对于部分ES6语法识别不出来导致,所以我们要安装一个插件,把ES6语法转换成IE浏览器可以识别的语法。解决方法:需要安装"babel-polyfill"。cnpminstall--savebabel-polyfill然后在入口文件main.js引入 &n...

vue项目-打印页面中指定区域的内容(亲测有效!)

  关于打印整个页面的,没什么好说的。今天我给大家分享一个打印指定区域的方法,你想打印哪里,就打印哪里!我也是刚刚开始接触打印这一块功能的,然后当然是找度娘深入了解了一番啦,期间试了网上的各种方法,有的压根就没效果;有的可以实现打印部分区域的页面,但是在打印界面会丢失样式,那样子界面会很丑;下面我会列出网上的部分方法,...

vue省市区三级联动(高仿京东)

该栗子是我直接从公司的项目单独拉出来的(懒得重新写一次了),所以代码会有些冗余,下面直接看效果:接着上代码:html:<template><div><divclass="ysc-header"><pclass="header-title">{{headerTxt}}<...