Skip to content

ikloster03/vue-dadata

master
Switch branches/tags
Code

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
 
 
 
 
 
 
ru
 
 
src
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Vue Dadata

npm version npm downloads NPM license npm type definitions

It's a vue component for hinting addresses using DaData.ru.

Version Description
1.*.* Old version for vue2
2.*.* New version for vue2
3.*.* New version for vue3

Install

npm package

# old version vue2
$ npm install vue-dadata@1.4.12 --save
# new version vue2 (in progress)
$ npm install vue-dadata@2.0.0-beta.2 --save
# vue3 (in progress)
$ npm install vue-dadata --save

Usage

<template>
  <div class="vue-truncate-html-example">
    <vue-dadata
      v-model="query"
      :token="token" />
  </div>
</template>

<script lang="ts">
  import { defineComponent, ref } from 'vue';
  import { VueDadata } from 'vue-dadata';
  import 'vue-dadata/dist/style.css';

  export default defineComponent({
    name: 'VueTruncateHtmlExample',
    components: {
      VueDadata,
    },
    setup() {
      const query = ref('');

      return {
        token: import.meta.env.VITE_APP_DADATA_API_KEY,
        query,

      };
    },
  });
</script>

Properties

Prop Required Type Description Default
token Yes string Auth token DaData.ru -
modelValue Yes string v-model for query -
suggestion No object v-model for suggestion undefined
placeholder No string Text placeholder ''
url No string special url for dadata api 'https://suggestions.dadata.ru/suggestions/api/4_1/rs/suggest/address'
debounceWait No string waiting time '1000ms'
disabled No boolean disabled false
fromBound No string Dadata bound type FROM undefined
toBound No string Dadata bound type TO undefined
inputName No string Input name attribute 'vue-dadata-input'
locationOptions No object Location options for choosing cities or countries undefined
classes No object classes DEFAULT_CLASSES
highlightOptions No object highlight options for vue-word-highlighter DEFAULT_HIGHLIGHT_OPTIONS
autocomplete No boolean can autocomplete query, after blur undefined

Peer dependencies

Dependencies

Copyright (c) 2019 - 2022 Ivan Monastyrev ikloster@yandex.ru. Licensed under the MIT license.