![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
cdShow小太阳
前端佬chen
展开
-
Vue2.0缓存
最近在做一个手机端的网站,遇到页面的缓存问题,自己由于经验不足,走了弯路。由于有些页面需要缓存,有些页面不需要。所以用全局缓存是不行的,必须要使用单页面的缓存。 单页面缓存 本案列适用于跳转到下一页然后回到当前页时需要显示第一次进入本页的信息。 1.在index.js配置路由的文件中设置:export default new Router( routes: [ {原创 2017-12-09 11:43:52 · 5107 阅读 · 0 评论 -
Vue js实时显示当前时间
当前实例在vue项目中export default { data(){ return{ nowTimes:{ yy:0, dd:"00", hou:"00", min:"00", sec...原创 2018-09-08 15:02:52 · 34757 阅读 · 9 评论 -
vue 移动端 封装分页插件
分页插件在手机移动端很常见,插件很多,但是因为分页需求不同,所以先选择什么插件也是一个纠结的问题。但是分页插件的核心思路是大同小异的,与其老是用别人的东西,不如自己写一个来的实在。本项目技术栈:vue vuex less 效果图如下:功能思路:1.开始显示总条数和第一页2.上一页和下一页跳转3.输入框输入页数跳转到该页好,看代码:<template...原创 2018-08-17 16:30:44 · 4809 阅读 · 3 评论 -
Vue.js阿拉伯数字转化成人民币的中文
阿拉伯数字转化成人民币的中文。原创 2018-04-02 14:55:45 · 6016 阅读 · 1 评论 -
Vue 点击时间获取时间段查询
最近做了一个按时间段查询的案例,效果图如下 html代码<template><div class="personalReport_time"> <input type="date" :max="this.endTime" value="" v-model="startTime"/> <div></div> <input type="date" :min=原创 2017-12-26 18:06:07 · 7696 阅读 · 2 评论 -
vue动态路由配置
最近写的一个项目,需要配置一个动态的路由,就是路径调到一个页面上去,而且后面的参数是可传可不传的。废话不多说看代码…… 在index.js文件下export default new Router({ routes: [ { //根路由 path: '/', redirect: '/home' }, { //注册页(1)原创 2017-12-15 10:35:45 · 2807 阅读 · 0 评论 -
基于vue2.0版本的手机端mint-ui 的Loadmore上拉刷新下拉加载的方法,对于初学者来说很有帮助,开始写走了很多弯路,网上找到这个方法,简单实用,不多说看代码……
class="main-body" :style="{'-webkit-overflow-scrolling': scrollMode}"> "loadTop" :bottom-method="loadBottom" :bottom-all-loaded="allLoaded" :auto-fill="false" ref="loadmore"> //引用时把你循环遍历出来内容抱起原创 2017-11-24 21:06:17 · 1455 阅读 · 0 评论 -
Vue 弹出层时 禁止页面滑动
上代码 /***滑动限制***/ stop(){ var mo=function(e){e.preventDefault();}; document.body.style.overflow='hidden'; document.addEventListener("touchmove",mo,false);//禁止页面滑动 },原创 2017-12-11 17:42:11 · 21719 阅读 · 5 评论 -
vue 封装键盘组建
本案例是根据实战需求写的,所以功能也是根据项目需求来写的,但是主体思路是大同小异的。先看效果图 <template>部分html代码<template> <div class="keyboard" v-show="showKeyboard" v-clickoutside="closeModal"> <p class="s原创 2018-09-19 18:07:35 · 1300 阅读 · 0 评论