https://github.com/codeeshop-oc/vue-full-autocomplete

Vue Full Autocomplete provides feature of autocomplete with GET and POST request and listing the results
https://github.com/codeeshop-oc/vue-full-autocomplete

autocomplete npm-package vue-components vuejs

Last synced: about 9 hours ago
JSON representation

Vue Full Autocomplete provides feature of autocomplete with GET and POST request and listing the results

• Host: GitHub
• URL: https://github.com/codeeshop-oc/vue-full-autocomplete
• Owner: codeeshop-oc
• License: mit
• Created: 2021-07-31T10:19:15.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2023-10-01T12:22:17.000Z (about 1 year ago)
• Last Synced: 2024-11-07T18:50:54.742Z (8 days ago)
• Topics: autocomplete, npm-package, vue-components, vuejs
• Language: JavaScript
• Homepage: https://codeeshop-oc.github.io/vue-full-autocomplete/
• Size: 524 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Vue Full Autocomplete

> Vue Full Autocomplete component for Vue.js

[![npm](https://img.shields.io/badge/npm-1.0.4-blue)](https://www.npmjs.com/package/vue-full-autocomplete)

[![license](https://img.shields.io/badge/license-MIT-green)](https://github.com/codeeshop-oc/vue-full-autocomplete/blob/main/LICENSE)

[![bit](https://img.shields.io/badge/components-1-yellowgreen)](https://github.com/codeeshop-oc/vue-full-autocomplete/blob/main/src/VueFullAutocomplete.vue)

[![PRs welcome](https://img.shields.io/badge/PRs-welcome-ff69b4.svg)](https://github.com/codeeshop-oc/vue-full-autocomplete/issues?&q=is%3Aissue+is%3Aopen)

[![Node.js Package](https://github.com/codeeshop-oc/vue-full-autocomplete/actions/workflows/yarn-publish.yml/badge.svg?event=release)](https://github.com/codeeshop-oc/vue-full-autocomplete/actions/workflows/yarn-publish.yml)

[![Dependent Bot](https://github.com/codeeshop-oc/vue-full-autocomplete/actions/workflows/dependent-bot.yml/badge.svg?event=push)](https://github.com/codeeshop-oc/vue-full-autocomplete/actions/workflows/dependent-bot.yml)

[![CodeQL](https://github.com/codeeshop-oc/vue-full-autocomplete/actions/workflows/codeql-analysis.yml/badge.svg)](https://github.com/codeeshop-oc/vue-full-autocomplete/actions/workflows/codeql-analysis.yml)

Vue Full Autocomplete provides feature of autocomplete with GET and POST request and listing the results

## 🎨 Features

Find out all available features on [settings props](https://github.com/codeeshop-oc/vue-full-autocomplete/blob/main/docs/API.md#props)

![til](https://raw.githubusercontent.com/codeeshop-oc/codeeshop-oc.github.io/master/vue-full-autocomplete/demo.gif)

## Live Demo

[Live Demo](https://codeeshop-oc.github.io/vue-full-autocomplete/)

## 🚚 Installation

### yarn/npm

```bash

# npm

npm i vue-full-autocomplete

# yarn

yarn add vue-full-autocomplete

```

### cdn

```bash

# latest

https://unpkg.com/vue-full-autocomplete

```




## 🚀 Quick Start

```html

  


      

      Open Popup


     

  


  import VueFullAutocomplete from 'vue-full-autocomplete'

  export default {

    name: 'MyComponent',

    components: { VueFullAutocomplete },

    data() {

	    return {

	    	selected_item: {},

	        visible: false,

	        headers: {

	          'Accept': 'application/json',

	          'Content-Type': 'application/json'

	        }

	    }

	},

	methods: {

	    selected(item) {

	        this.selected_item = item

	        console.log(item, 'item')

	    }

    }

  }

```




## 🔖 License

This software is licensed under the [MIT](https://github.com/codeeshop-oc/vue-full-autocomplete/blob/main/LICENSE).