Live search trong array với vue js

Trong bài hôm nay mình sẽ chia sẽ cách làm live search trong array giống như hình bên dưới


Xem thử

Kiến thức cần nắm

-Tất nhiên là vue js

-filter array

-toLowerCase

-split

-push array

-splice array

Event sử dụng

keyup: để làm search live

click: để làm chọn item

Giải thích cách hoạt động

Khi chúng ta gõ vào hộp search nó sẽ filter ra các name để đề xuất, và sau đó chúng ta chọn name nó sẽ lấy lên hộp search

Code tham khảo

Dùng includes Tìm kiếm trong array đơn giản [a,b,c] và string

includes dùng trong array

ví dụ

kết quả trả vềlần lượt là

true

false

false

vậy nên phải đung kiểu nó mới cho kết quả đúng (trường hợp 3 và ‘3’ là 2 kiểu khác nhau)

includes dùng trong string

Kết quả:

true

false

Dùng every để tìm kiếarray

every sẽ lặp qua tất cả phần tử của array, nếu tất cả phần tử trong array thỏa mãn điều kiện thì return về true và ngược lại là false

ví dụ

Kết quả:

false

true

5/5 (1 Đánh giá)

Gửi Phản Hồi
Chọn đánh giá của bạn
0 Bình Luận
Thông tin người gửi
Anh Chị


Đăng ký nhận bài viết mới

Khi mình đăng bài mới bạn sẽ nhận nó qua Email


Hướng dẫn thiết kế theme

Các functions thường dùng

  • Hotline: 0912 889 416

Mọi sự sao chép xin ghi rõ nguồn là fcwordpress.net

Chuyên trang về wordpress: hướng dẫn thiết kế theme, plugin, thủ thuật wordpress