Bootstrap vue đa lựa chọn

Trong bài đăng này, chúng tôi sẽ cung cấp cho bạn thông tin về Ví dụ thả xuống Vue JS MultiSelect. Hãy nghe chúng tôi cung cấp cho bạn thông tin chi tiết về Ví dụ thả xuống đa lựa chọn của Vue JS Và cách sử dụng nó cũng cung cấp cho bạn bản demo cho nó nếu cần thiết

chúng ta sẽ tìm hiểu cách sử dụng thành phần hộp thả xuống nhiều lựa chọn trong vue js. chúng ta cũng có thể dễ dàng sử dụng trình đơn thả xuống đa lựa chọn vue trong ứng dụng laravel. chúng tôi sẽ sử dụng gói npm vue-multiselect cho trình đơn thả xuống nhiều lựa chọn của bootstrap vue giống như thẻ chọn trong vue. js

gói vue-multiselect cung cấp một số tùy chọn cho hộp nhiều lựa chọn như. có thể tìm kiếm,. nhiều,. tùy chọn,. đóng khi chọn,. nhãn hiển thị, v.v. gói vue-multiselect thật tuyệt vời khi sử dụng bố cục đó thật tuyệt

Bạn có thể làm theo các lệnh từng bước để sử dụng hộp thả xuống nhiều lựa chọn trong vue js. vì vậy hãy làm theo

Bước 1. Tạo ứng dụng Vue

trước tiên chúng ta cần tạo ứng dụng vue cli bằng lệnh dưới đây

vue create myapp

Bước 2. Cài đặt gói vue-multiselect

Ở đây chúng ta cần cài đặt gói npm vue-multiselect cho phép thực hiện yêu cầu http

npm install vue-multiselect

Xem thêm. Vue JS – Mở liên kết trong tab mới Ví dụ

Bước 3. Đã cập nhật thành phần HelloWorld

Ở đây, chúng ta sẽ tạo HelloWorld. thành phần vue với đoạn mã sau

src/thành phần/HelloWorld. vue