How to disable dropdown option el-select ?
Bác nào đã làm Vuejs hay ui-element rồi cho em hỏi làm thế nào để bỏ khi mình nhấn Enter các option của el-select không sổ xuống nữa mà chỉ số xuống khi mình click thôi không ạ ? Em mới vọc vạch Vuejs nên nhận mọi gạch đá ạ
1 ANSWERS
Bạn đặt thêm id hoặc ref cho select đó và cài đặt xử lý event keydown lúc mounted, nếu event.keyCode = 13 (enter) thì bạn stopPropagation event đó đi.
Ví dụ: mounted: document.getElementById('my-select').addEventListener('keydown',(e)=>{ if(e.keyCode == 13){ e.stopPropagation() } })
Thank bác nha, cảm ơn bác đã giúp em nhiệt tình ạ !
em đã thử nhưng kết quả vẫn vậy bác ạ @quangcuong
@cuongthenguyen bác xem demo ở đây nhé https://jsfiddle.net/84m1q2s7/ Bác click thì nó vẫn xổ xuống bình thường nhưng enter thì không có tác dụng.
@quangcuong cảm ơn sự nhiệt tình của bác ạ! Em đã giải quyết được vấn đề bằng focus() rồi ạ, chắc do fw em đang dùng lỗi ở đâu không dùng code của bác tham khảo được