1.0.0 • Published 4 years ago

longtouchyama v1.0.0

Weekly downloads
-
License
ISC
Repository
-
Last release
4 years ago

Vue 自定义指令 --- 支持元素长按

教程

binding.value.func(binding.value.params) 可以对象方式传递方法和参数 例如:

安装

npm install --save longtouchyama

全局引入

import Vue from 'vue';
import LongTouch from 'longtouchyama';

Vue.use(LongTouch);

局部引入

<script>
import LongTouch from 'longtouchyama';
export default {
  directives: {
    'longTouch': LongTouch
  }
}
</script>

组件中使用

<template>
  <div v-longTouch="{ func: testAction, params: 'testData' }"></div>
</template>

<script>
import LongTouch from 'longtouchyama';
export default {
  directives: {
    'longTouch': LongTouch
  },
  methods:{
    testAction (data) {
      console.log(data)
    }
  }
};
</script>

<style scoped>
div {
  width: 100px;
  height: 100px;
}
</style>

配置选项