Comments (15)
this.$refs.employeeAutocomplete.inputValue = ''
You need to include ref="employeeAutocomplete" to your vue-bootstrap-typeahead component
from vue-bootstrap-typeahead.
How's PR #38 going? I'd really like this behavior to be standard! :D
from vue-bootstrap-typeahead.
I've created a pull request #38 fixing this issue so you could just do that.selEmployee = "";
from vue-bootstrap-typeahead.
@baherfaragval @hamza-mashhadi @alekpentchev @markspare
Unfortunately this repo isn't maintained any longer, but I'm actively maintaining a fork here: https://github.com/mattzollinhofer/vue-typeahead-bootstrap
I believe I've fixed this issue. If any of you have a minute to see if my most recent version resolves the issue and report back on here I'd really appreciate it!
I tried out your fork and it has solved this Issue.
My Typeahead :
<vue-bootstrap-typeahead :data="titleList" id="job_title" v-model="jobTitleSearch" :serializer="s => s.name" placeholder="Enter Job Title" @hit="selectedJob" ref="jobTitle" />
when I want to reset :
this.jobTitleSearch = "";
p.s I would suggest you update your readme about usage since the package name has changed from the original one. (it's now vue-typeahead-bootstrap instead of vue-bootstrap-typeahead)
Thank you for the fix I will be using your package from now onwards :)
from vue-bootstrap-typeahead.
Thanks for checking!
Also thanks for the heads up about the readme, that’s embarrassing 😂
from vue-bootstrap-typeahead.
Ugh, sorry,I wasn’t paying close enough attention. Thanks anyway.
from vue-bootstrap-typeahead.
@ztomaz's solution works, but it's totally not obvious and afaict it's also not documented-
from vue-bootstrap-typeahead.
+1: that.selEmployee = "";
is the best and logic way to clear control value.
from vue-bootstrap-typeahead.
Hi! It's the end of December :) How's it going?
from vue-bootstrap-typeahead.
Hi! It's January
I don't think PR has been merged still?
I cannot make it work with the standard as it should.
Still using @ztomaz solution
from vue-bootstrap-typeahead.
Hey all, I'm looking to revive this project, but I haven't been able to track down the author. So, I've forked it over to here: https://github.com/mattzollinhofer/vue-typeahead-bootstrap.
I'll try to take a look at this PR soon and see if I can get it merged as it seems like there's a number of folks who need this to be fixed.
from vue-bootstrap-typeahead.
I've begun merging a few fixes into my fork (https://github.com/mattzollinhofer/vue-typeahead-bootstrap) of this project that I'm actively maintaining. I'm not positive if this exact issue is addressed, but if someone can confirm either way I'd appreciate it!
You can find it on npm here: https://www.npmjs.com/package/vue-typeahead-bootstrap.
I hope this helps!
from vue-bootstrap-typeahead.
@baherfaragval @hamza-mashhadi @alekpentchev @markspare
Unfortunately this repo isn't maintained any longer, but I'm actively maintaining a fork here: https://github.com/mattzollinhofer/vue-typeahead-bootstrap
I believe I've fixed this issue. If any of you have a minute to see if my most recent version resolves the issue and report back on here I'd really appreciate it!
https://www.npmjs.com/package/vue-typeahead-bootstrap
from vue-bootstrap-typeahead.
@hamza-mashhadi Could you close this issue since we've found a solution? I'm trying to work through the old issues on this repository and I don't have control over it to close it.
from vue-bootstrap-typeahead.
@hamza-mashhadi Could you close this issue since we've found a solution? I'm trying to work through the old issues on this repository and I don't have control over it to close it.
Sadly I can't, @baherfaragval opened the issue so only he or repo owner can close this.
from vue-bootstrap-typeahead.
Related Issues (20)
- Is this project actively maintained? HOT 2
- Suggest list is hover, after swipe the list HOT 1
- Suggestion: support array of objects as data source HOT 4
- Suggestion: Would like to see "state" added as a prop HOT 1
- Autofocus when component mounted or after refresh page HOT 2
- How it will work with typescript? HOT 2
- Sort Suggestions HOT 2
- Selected value lost on route change and back to the main typeahead page HOT 5
- Invalid prop: custom validator check failed for prop "serializer".
- Migration from vue-strap HOT 1
- v-model does not show the value of the attribute loaded in created() or mounted() HOT 2
- THIS PROJECT ABANDONED ..! ..? HOT 2
- ReferenceError: Can't find variable: regeneratorRuntime
- No disable HOT 2
- blur-attribut HOT 1
- v-model= null throws error Cannot read property 'normalize' of null
- Typo error
- Scroll bar is not working when we use it in a modal popup.
- Use keyboard arrow up/down to move through candidate and Enter to select
- Error When I try to use Number in Search
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from vue-bootstrap-typeahead.