VueJS: v-model trễ khi input nhiều dữ liệu

Mình đang sử dụng v-model để thực hiện chức năng chỉnh sửa giá cả.

Ở đây mình có 1 list các cửa hàng, mỗi cửa hàng có đến hơn 40 input cho các loại giá cả.

Vấn đề xảy ra là khi số lượng cửa hàng lớn -> một màn hình có rất nhiều ô input -> khi nhập vào input sẽ rất lag.

Nếu có khoảng >10 cửa hàng thì sẽ mất tầm >0,5s để màn hình hiển thị số liệu nhập vào ô input

Mà không được sử dụng phân trang :frowning:

có gửi code mẫu lên codesandbox đc k bạn?

1 Like

sao bạn không để chọn cửa hàng nào thì mới hiện form input giá cho shop nhỉ?
chứ để yêu cầu trên mà >10 cửa hàng show cùng lúc 40 input dùng vuejs thì mình nghĩ
máy trâu mới không giật :slight_smile:

4 Likes

Mình làm được roài. tách mỗi cửa hàng ra từng component riêng là ok :smiley:

2 Likes
83% thành viên diễn đàn không hỏi bài tập, còn bạn thì sao?