@emiolo/cep-promise
Wrapper do pacote cep-promise para uso iterno
Last updated 6 months ago by skyatura .
ISC · Repository · Bugs · Original npm · Tarball · package.json
$ cnpm install @emiolo/cep-promise 
SYNC missed versions from official npm registry.

@emiolo/cep-promise

Wrapper simples das funções do pacote cep-promise para utilização interna

Motivação

Extender as funcionalidades do pacote de acordo com os padrões de uso interno da empresa.

Instalação

npm i -S @emiolo/cep-promise

Utilização básica com o Vue

<template>
  <div>
    <input v-model="cep" @input="getCep($event.target.value)" />
    <pre align="left">{{ $data }}</pre>
  </div>
</template>

<script>
import CepPromise from '@emiolo/cep-promise'

export default {
  data: () => ({
    cep: '',
    address: null,
    error: null,
    loading: false,
    getCep: () => null, // Declara uma função vazia
  }),
  created() {
    // Após a inicialização do componente, atribui a função
    // de captura "preguiçosa" do CEP, que só será executada
    // após 500ms que a última tecla for digitada
    this.getCep = CepPromise.debounce(this.cepHandler, {
      delay: 500,
      onLoading: this.setLoading,
    })
  },
  methods: {
    cepHandler(result, error) {
      // Esse é o método responsável por exibir o resultado na tela
      this.address = result
      this.error = error
    },
    setLoading(status) {
      // Esse é o método responsável por indicar se o CEP está sendo
      // consultado no momento
      this.loading = status
    },
  },
}
</script>

Current Tags

  • 1.0.2                                ...           latest (6 months ago)

3 Versions

  • 1.0.2                                ...           6 months ago
  • 1.0.1                                ...           6 months ago
  • 1.0.0                                ...           6 months ago
Maintainers (1)
Downloads
Today 0
This Week 0
This Month 0
Last Day 0
Last Week 0
Last Month 0
Dependencies (2)
Dev Dependencies (0)
None
Dependents (0)
None

Copyright 2014 - 2016 © taobao.org |