Skip to content

Fix bugs and other improve #9

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 9 commits into
base: master
Choose a base branch
from
Open

Fix bugs and other improve #9

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
9 commits
Select commit Hold shift + click to select a range
e6ab32e
fix bug no hide after selected and fix bug no set value after selected
darkfriend Mar 21, 2021
6778a27
add contributors in package.json
darkfriend Mar 21, 2021
e26f070
fix readme and added information for async component
darkfriend Mar 21, 2021
c1d109b
added example: autocomplete select search
darkfriend Mar 21, 2021
7393b6b
upd version
darkfriend Mar 21, 2021
e9834c0
fixed bugs
darkfriend Mar 21, 2021
2749934
added package-lock.json
darkfriend Mar 21, 2021
b452066
fixed name and readme
darkfriend Mar 21, 2021
c083f5c
fixed readme
darkfriend Mar 21, 2021
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
52 changes: 41 additions & 11 deletions README.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,5 +1,6 @@
# vue-advanced-search
# vue2-advanced-search

Forked version [vue-advanced-search](https://github.com/antonispat10/vue-advanced-search) by [@darkfriend](https://darkfriend.ru)

## Features:
* Autocomplete search
Expand All @@ -9,10 +10,10 @@
## Install & basic usage

```bash
npm install vue-advanced-search
npm install vue2-advanced-search -S

Add the css into your project
<style src="vue-advanced-search/dist/AdvancedSearch.css"></style>
<style src="vue2-advanced-search/dist/AdvancedSearch.css"></style>
```

### Example 1: Autocomplete search
Expand All @@ -22,13 +23,12 @@ Add the css into your project
<advanced-search
v-model="model"
:options="options"
>
</advanced-search>
/>
</div>
</template>

<script>
import Advanced-Search from 'vue-advanced-search'
import AdvancedSearch from 'vue2-advanced-search'
export default {
components: { AdvancedSearch },
data () {
Expand All @@ -42,7 +42,7 @@ Add the css into your project
}
}
</script>
<style src="vue-advanced-search/dist/AdvancedSearch.css"></style>
<style src="vue2-advanced-search/dist/AdvancedSearch.css"></style>
```

### Example 2: Multiple select with search
Expand All @@ -54,13 +54,12 @@ Add the css into your project
:options="options"
select
multiple
>
</advanced-search>
/>
</div>
</template>

<script>
import Advanced-Search from 'vue-advanced-search'
import AdvancedSearch from 'vue2-advanced-search'
export default {
components: { AdvancedSearch },
data () {
Expand All @@ -75,9 +74,40 @@ Add the css into your project
}
}
</script>
<style src="vue-advanced-search/dist/AdvancedSearch.css"></style>
<style src="vue2-advanced-search/dist/AdvancedSearch.css"></style>
```

### Example 3: Autocomplete search (async component)
```vue
<template>
<div>
<advanced-search
v-model="model"
:options="options"
/>
</div>
</template>

<script>
export default {
components: {
AdvancedSearch: () => import('vue2-advanced-search'),
},
data () {
return {
model: null,
options: [
{ label: 'label1', value: 'value1' },
{ label: 'label2', value: 'value2' }
]
}
}
}
</script>
<style src="vue2-advanced-search/dist/AdvancedSearch.css"></style>
```


# Props

| prop | type | default | description |
Expand Down
Loading