vue
老黑
这个作者很懒,什么都没留下…
展开
-
Vue eslint 代码检查配置
eslint配置方式注释配置:使用js注释来直接嵌入ESLint配置信息到一个文件里配置文件:使用一个js文件,JSON或者YAML文件来给整个目录和它的子目录指定配置信息。这些配置可以写在一个文件名为.eslintrc.*的文件或者在package.json文件里的eslintConfig项里,这两种方式ESLint都会自动寻找然后读取,或者你也可以在命令行里指定一个配置文件。 ...转载 2018-10-27 15:40:54 · 6518 阅读 · 0 评论 -
vue 跳转路由修改页面title为对应路由名字
vue-router 跳转页面的时候,修改页面的title为对应的路由 routes: [ { // 默认的首页 path: '/', name: 'Home', component: Home, meta: { index: 0, title: '首页' } }, ...原创 2019-03-07 15:03:22 · 7490 阅读 · 0 评论 -
vue 页面进出类似APP的滑动效果
vue 页面进出滑动效果原创 2019-03-07 11:46:30 · 2149 阅读 · 0 评论 -
vue-cookies API
https://www.npmjs.com/package/vue-cookies原创 2019-02-20 14:25:48 · 713 阅读 · 0 评论 -
vue 进入页面获取input 焦点
移动端搜索页面进入页面后,获取到 input 的焦点, 才能弹出键盘使用H5属性值可以获取到焦点<input v-model="keyWord" class="search-inp-item" type="text" autofocus="autofocus"/>但是,第一次进入可以, 返回再次进入就不能获取到焦点了使用官方的解决方法在main.js中加上...原创 2019-02-20 10:56:23 · 2580 阅读 · 0 评论 -
vue 图片懒加载
安装、引用、配置三部曲1、安装`npm install vue-lazyload --save-dev2、在main.js中引用import VueLazyload from 'vue-lazyload'3、配置Vue.use(VueLazyLoad, { error: require('assets/defultImage/defultTy1.png'), loading...原创 2019-02-18 14:52:38 · 155 阅读 · 0 评论 -
vue 变更url但是不去刷新页面,类似标记
vue router 更改地址url 不刷新页面 不存在history记录里面this.$router.push() 改为 this.$router.replace() replace 的url不会被添加到history记录里面当调用 this.$router.go(-1) 或者 this.$router.back() 不会回退到replace添加的页面里,而是会回到repla...原创 2019-01-16 14:20:44 · 9256 阅读 · 0 评论 -
better-scroll 上拉加载
一、better-scroll 的上拉加载首先需要一个使用了BS编写的列表(肯定是不能有BUG的)BS中文文档 this.actScroll = new BScroll(actBox, { tap: true, scrollbar: { fade: true }, pullUpLoad: {...原创 2019-01-08 14:30:38 · 2696 阅读 · 0 评论 -
vue-awesome-swiper 手记
一、获取到swiper对象使用方法的问题因为在vue上使用swiper是以引入组件的方式直接使用所以要获取到swiper对象才能够去调用它的一些方法,,,,比如slideTo() 之类的。。。。 <swiper :options="swiperOption" ref="mySwiper"> <swiper-slide v-fo...原创 2019-01-08 11:29:07 · 314 阅读 · 0 评论 -
vue v-for直接循环数字
vue v-for直接循环数字,也就是固定次数项目中需要做一个酒店星级,酒店星级就是固定的5星,根据后台返回的数据来显示几星级<!--星级,循环固定次数 5次 根据酒店等级显示亮的星星和灰色的星星--><svg class="icon" aria-hidden="true" v-for="index of 5" :key="index"> <...原创 2018-12-21 11:15:06 · 52026 阅读 · 1 评论 -
粗暴式取消某个组件的keep-alive缓存
include - 字符串或正则表达式。只有匹配的组件会被缓存。 exclude - 字符串或正则表达式。任何匹配的组件都不会被缓存。 <!-- 逗号分隔, 只有name 等于 a 和 b 的组件会被缓存 --><keep-alive include="a,b"> <router-view></router-view> ...原创 2018-12-05 10:49:38 · 1205 阅读 · 0 评论 -
Vue在data中存入静态图片地址,使用别名引入的方法
在项目开发中,icons的引入遇见了麻烦在data中存入一组图片地址,并且循环渲染到组件上<div class="icons-item" v-for="icon of list" :key="icon.type" @click="Jump(icon.type)"> <img class="icons-img" :src="icon.imgUr原创 2018-11-24 10:47:52 · 5045 阅读 · 2 评论 -
Vue配置全局域名
配置一个全局域名用来拼接地址 使用 process.env.HOST 方法可以获取到配置的全局域名原创 2018-11-24 10:34:05 · 4263 阅读 · 0 评论 -
Vue前端服务代理实现跨域请求数据。
开发中请求真实服务器数据,配置服务器代理实现跨域。vue-cli + webpack 构建的项目再 ./config/index.js 文件中配置proxyTable: { '/api':{ target: 'http://请求的服务器地址', changeOrigin: true, //是否允许跨域 pathRewri...原创 2018-11-24 10:17:56 · 786 阅读 · 0 评论 -
vue @scroll 事件
vue 的 scroll 事件做首页按需加载的时候 滚动条滚动到底部之后加载由于如果绑定在window上,那么路由切换之后,事件依然会被触发,所以在div元素上绑定(如果绑定在window上,那么在导航守卫里,路由离开的时候解绑就行了,一样可以实现功能)在元素标签上直接绑定 scroll 事件<div class="home-test" @scroll="scrol...原创 2019-03-11 11:50:48 · 29490 阅读 · 1 评论