美文网首页Vue.js专区
vue2.0移动端触摸反馈指令

vue2.0移动端触摸反馈指令

作者: 昨天之前 | 来源:发表于2017-03-10 15:14 被阅读0次

Vue v2.0 自定义指令

顾名思义,这个是为vue移动端web项目打造的触摸反馈指令,高度模拟App反馈效果;比如点击一个按钮会有样式反馈;默认是透明度的变化反馈,当然你也可以自定义样式;

Github

## 安装步骤

# 安装 npm 模块

npm install vue-feedback --save

# 项目引入import vueFeedback from 'vue-feedback

# vue.use()加载Vue.use(vueFeedback)

# 组件内使用按钮

<button v-fb>按钮</butoon删除我>

# 高级用法(自定义样式,添加写好的class名)

<button v-fb="{cls:buttonActive‘'}">按钮</button删除我>

相关文章

  • vue2.0移动端触摸反馈指令

    Vue v2.0 自定义指令 顾名思义,这个是为vue移动端web项目打造的触摸反馈指令,高度模拟App反馈效果;...

  • touch触摸事件

    原声移动端触屏事件touch分为3个事件: touchstart 触摸开始touchmove 触摸移动touc...

  • 移动端触摸事件

    移动端触摸事件添加方式值能用 addEventListeber(),方式绑定 移动触摸事件有4个: 1、touch...

  • 移动端触摸事件

    触摸事件 touchstart:当手指触摸屏幕时触发;即使已经有一个手指放在屏幕上也会触发。touchmove:当...

  • 移动端触摸事件

    移动端 一、定义 触摸事件类型 touchstart:手指触摸到一个 DOM 元素时触发。touchmove:手指...

  • 封装移动端 vue 拖拽指令

    封装移动端 vue 拖拽指令 通过vue自定义指令,将拖拽行为封装为指令 使用transform做移动效果,需要注...

  • 基于vue2.0的单页面,内嵌到原生APP内,如何与原生app交

    基于vue2.0的页面与原生app的交互 1.原生调用移动端页面链接 2.移动端页面直接打包嵌入到原生App 根据...

  • 移动端触屏事件

    什么是触屏事件?移动端的触摸产生的一系列行为; 在移动端,原生触摸事件只有以下三种类型,其他所有的触摸事件都是由这...

  • js-插件/框架

    1.swiper.js Swiper常用于移动端网站的内容触摸滑动 功能: 移动端轮播图 swiper.js...

  • 移动端触摸分页方案

    场景:移动端列表显示,数据庞大。后台数据有分页字段 需求:需要快速显示页面,需要显示当前页数,需要跨页跳转Pc端可...

网友评论

    本文标题:vue2.0移动端触摸反馈指令

    本文链接:https://www.haomeiwen.com/subject/axzngttx.html