vue
chen_晨风
Talking is cheap,show me a code
展开
-
vue中清空对象的方法
js中清空对象方法 1. 使用 delete 操作符var obj={ name:'cc', age:12, gender:'famle'}for(var key in obj){ delete obj[key];}2. 使用字面量重置指向一个新的对象var obj={ name:'cc', age:12, gen...原创 2018-10-18 19:46:29 · 39996 阅读 · 3 评论 -
vue -- 绑定 class与style的方法
目录 绑定class方法绑定的值字符串绑定绑定的值对象方法绑定的值数组语法绑定style方法绑定的值为字符串绑定的值对象方法绑定的值数组方法绑定class方法绑定的值字符串绑定<style> .bgDiv{ background-color:orange; }</style> <...原创 2018-10-16 20:30:28 · 242 阅读 · 0 评论 -
一个实用的时间转换类
需求:当后台转入一个毫秒时间此时我们要进行如下格式转换:1分钟前,显示"刚刚"1分钟~1小时之间,显示"XX分钟前"1小时~1天之间,显示"xxx小时前"1天~ 1一个月(31天)之间,显示"xx天前"大于1个月,显示"xx年XX月xx日"代码如下:var Time={ //获取当前时间戳 getUnix(){ var date=new Date(); ...原创 2018-10-20 16:27:31 · 165 阅读 · 0 评论 -
webpack简单运用(构建html 安装插件和loader)
目录webpack是什么?webpack配置步骤安装loader安装插件 打包webpack是什么? 在webpack的世界里,每个文件都是一个模块,比如.css、.js、.html等。对于不同的模块,则需要不同的加载器(Loaders)来处理。提示:下面的操作都默认你安装了node.js,如果没有请看 node.js安装步骤webpack配置步骤1.创建...原创 2018-10-21 12:26:14 · 628 阅读 · 0 评论 -
vue--使用鼠标滚动加载数据
关于用鼠标滚动到某个位置我们就去加载数据,这样的场景与业务需求现在越来越常见,现在来分析下《vue.js 实战》中作者的一个解决策略: 1. 设置一个标志位用来判断数据是否在加载中 2. 将滚动区域设置成 overfow:auto(显示滚动条) 3. 给滚动区域加入监听事件并绑定ref属性 来获取DOM实例 ...原创 2018-10-23 23:23:06 · 4560 阅读 · 2 评论 -
vue-router ---- 解决页面刷新和路由改变时导航条样式问题
问题: 1.当我们在使用路由时,如果有导航条此时,我们在url地址栏目改变路由地址,此时路由内容更改但,导航条样式没有随着改动 2.当页面刷新时,url导航地址栏的路由和当前页面显示的不一致解决: 1.通过watch监听路由地址的改变 2.使用钩子函数,改变路由 export default { name: 'App', data(){ ...原创 2018-10-31 10:32:45 · 7608 阅读 · 3 评论 -
vue ---条件叠加搜索解决方案
目录 案例场景存在问题与解决解决方案案例场景:现在有个文章管理模块,在该模块中有栏目选择、文章搜索、分页功能。这些功能改变其中一个都会对查询的文章有所改变。案例图如下:实现方案有两种:其一、我们开始可能会想到对每个功能绑定一个处理事件,但是这样做我们对数据的维护工作将大大加大,而且用这样方案做数据的叠加筛选不是很好。方案二、我们将所有提交的数据放到一起维护然...原创 2018-10-30 23:03:02 · 4219 阅读 · 1 评论