@alitajs/gesture-password-vue
TypeScript icon, indicating that this package has built-in type declarations

1.3.1 • Public • Published

Gesture Password (手势密码)

install

// npm
npm install @alitajs/gesture-password-vue --save

// yarn
yarn add @alitajs/gesture-password-vue

Usage as global component

Vue 3

// main.js

import { createApp } from 'vue';
import App from './App.vue';
import GesturePassword from '@alitajs/gesture-password-vue';

const app = createApp(App);

app.use(GesturePassword).mount('#app');

// App.vue

<template>
  <GesturePassword :width='width' :height='height' @onChange="onChange" />
</template>

<script>
import { reactive, toRefs } from 'vue';

export default {
  setup() {
    const state = reactive({
      width: 375,
      height: 300,
      onChange: function(data){
        console.log(data) // get gesture password
      }
    });

    return toRefs(state);
  }
};
</script>

Vue 2

// main.js

import Vue from 'vue';
import App from './App.vue';
import GesturePassword from '@alitajs/gesture-password-vue';

Vue.use(GesturePassword);

new Vue({
  render: h => h(App),
}).$mount('#app');

// App.vue

<template>
  <GesturePassword :width='width' :height='height' @onChange="onChange" />
</template>

<script>

export default {
  data() {
    return {
      width: 375,
      height: 300,
      onChange: function(data){
        console.log(data) // get gesture password
      }
    };
  }
};
</script>

Usage as local component

<template>
  <GesturePassword  :width='width' :height='height' @onChange="onChange" />
</template>

<script>
import GesturePassword from '@alitajs/gesture-password-vue';
export default {
  components: {
    GesturePassword
  },
  data() {
    return {
      width: 375,
      height: 300,
      onChange: function(data){
        console.log(data) // get gesture password
      }
    };
  }
};
</script>

/@alitajs/gesture-password-vue/

    Package Sidebar

    Install

    npm i @alitajs/gesture-password-vue

    Weekly Downloads

    13

    Version

    1.3.1

    License

    MIT

    Unpacked Size

    63.4 kB

    Total Files

    6

    Last publish

    Collaborators

    • pengyh
    • ashoka_j
    • diyc
    • xiaohuoni
    • imhele
    • wangxingkang
    • shawdanon
    • cjy0208
    • sorrycc
    • hang1017
    • hammersjs