Nearsighted Paramecium Multiverse

    vue-dadata
    TypeScript icon, indicating that this package has built-in type declarations

    3.0.0-beta.9 • Public • Published

    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.

    Tip: Click on a version number to view a previous version's package page

    Current Tags

    Version History

    Install

    npm i vue-dadata

    DownloadsWeekly Downloads

    376

    Version

    3.0.0-beta.9

    License

    MIT

    Unpacked Size

    110 kB

    Total Files

    28

    Last publish

    Collaborators

    • ikloster
    • roshette
    • kiselev-webdev