- 博客(6)
- 资源 (14)
- 收藏
- 关注
原创 vue实现手机通讯录效果
页面效果如下,点击右侧的字母,可进行快速定位代码如下:<template> <div class="addressBook"> <div class="addressBook-search"> <van-search v-model="searchData.salesmanName" placeholder='输入
2019-02-25 09:06:01 8631 11
原创 JavaScript过渡
Vue.js 也可以和一些JavaScript配合使用,只需要调用JavaScript钩子函数,而不需要定义CSS样式。transition接受选项 css:false,将直接跳过CSS检测,避免CSS规则干扰过渡,需要在enter和leave钩子函数中调用done函数,明确过渡结束时间。此处将引入Velocity.js来配合使用JavaScript过渡。Velocity.js...
2019-02-06 20:17:46 1929
原创 vue css过渡及过渡钩子函数介绍
过渡系统是 Vue.js 为 DOM 动画效果提供的一个特性,它能在从DOM中插入移除时触发你的CSS过渡和动画 ,也就是说在DOM 发生变化时为其加特定的 class类名,Vue.js的过渡系统也支持javascript的过渡 ,通过暴露过渡系统的钩子函数,我们可以在DOM变化的特定时机对其进行属性的操作,产生动画效果。CSS过渡的用法<div v-if="show...
2019-02-06 00:38:08 995
原创 vue过滤器
过滤器定义 Vue.js 允许在表达式后面添加可选的过滤器,以管道符表示,例如:{{ message | capitalize }} 过滤器的本质是一个函数,接受管道符前面的值作为初始值,同时也能接受额外的参数, 返回值为经过处理后的输出值。多个过滤器也可以进行串联。例如: {{ message | filterA 'arg1' 'arg2' }}{{ me...
2019-02-04 23:03:34 165
原创 指令在Vue.js 2.0中的变化
由于指令在 Vue.js2.0 中发生了比较大的变化,Vue.js 2.0中的指令功能更为单一,很多和组件重复的功能和作用都进行了删除,指令也更专注于本身作用域的操作,而尽量不去影响指令外的 DOM 元素及数据。 钩子函数增加了一个 componentUpdated,当整个组件都完成了update 状态后即所有 DOM 都更新后调用该钩子函数,无论指令接受的参数是否发...
2019-02-03 23:10:55 268
原创 vue指令的高级选项
params 定义对象中可以接受一个 params 数组,Vue.js 编译器将自动提取自定义指令绑定元素 上的这些属性。例如:<div v-my-advance-directive a="paramA"></div> Vue.directive('my-advance-directive', { params : ['a'], bind : ...
2019-02-01 22:40:37 1210
div+js分页效果
2013-11-26
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人