Nói sao bây giờ nhỉ? Đầu tiên để mình nói rõ xíu, cái modifier .stop tương đương bạn gọi event.stopPropagation() của javascript trong listener. Và tương tự, .prevent tương đương bạn sẽ gọi event.preventDefault() trong listener. Mỗi listener được gắn vào các element cụ thể. Điểm khác biệt giữa chúng như này:
preventDefault sẽ hủy bỏ event hiện tại khỏi element mà nó đang gắn vào. Tuy nhiên event này vẫn TIẾP TỤC LAN TRUYỀN ra element cha chứa nó.
stopPropagation sẽ không hủy bỏ event hiện tại khỏi element mà nó đang gắn vào. Nhưng event này sẽ KHÔNG LAN TRUYỀN ra element cha chứa nó.
Bạn sẽ thấy khác biệt rõ rệt khi dùng onclick trên thẻ anchor như ví dụ dưới. Nếu dùng preventDefault, event sẽ bị hủy bỏ khỏi element nó đang gắn vào, trình duyệt sẽ không chuyển trang, và bạn sẽ thấy listener cùa thằng cha được gọi vì nó vẫn lan truyền ra ngàoi.
Còn với stopPropagation thì event sẽ không bị hủy bỏ khỏi element nó đang gắn vào, nhưng nó sẽ không lan truyền ra elenment cha, bạn không thấy listener của thằng cha chạy, nhưng trình duyệt sẽ vẫn chuyển trang.
(Embed không hoạt động trong comment nên mình để link demo bên dưới.)
mình muốn hỏi chút là .stop và .prevent dùng ntn vậy ? mình cũng chưa hiểu rõ lắm tác dụng của 2 modifier này, mong bạn chỉ rõ (nếu có VD cụ thể thì tốt)
THẢO LUẬN
Cảm ơn bạn đã giảit thích giúp mình
Mình cũng sử dụng Nuxt và thấy bài này khá bổ ích. Cảm ơn bạn nha
Nói sao bây giờ nhỉ? Đầu tiên để mình nói rõ xíu, cái modifier
.stop
tương đương bạn gọievent.stopPropagation()
của javascript trong listener. Và tương tự,.prevent
tương đương bạn sẽ gọievent.preventDefault()
trong listener. Mỗi listener được gắn vào các element cụ thể. Điểm khác biệt giữa chúng như này:preventDefault
sẽ hủy bỏ event hiện tại khỏi element mà nó đang gắn vào. Tuy nhiên event này vẫn TIẾP TỤC LAN TRUYỀN ra element cha chứa nó.stopPropagation
sẽ không hủy bỏ event hiện tại khỏi element mà nó đang gắn vào. Nhưng event này sẽ KHÔNG LAN TRUYỀN ra element cha chứa nó.(Embed không hoạt động trong comment nên mình để link demo bên dưới.)
Link demo: https://jsfiddle.net/huukimit/pmv4L8y5/17
mình muốn hỏi chút là .stop và .prevent dùng ntn vậy ? mình cũng chưa hiểu rõ lắm tác dụng của 2 modifier này, mong bạn chỉ rõ (nếu có VD cụ thể thì tốt)
Thanks. Mình sửa được rồi
cảm ơn anh đã đóng góp, có gì em sẽ bổ sung vào... phần 2 ạ
a ơi cho e hỏi cách install tflearn với ạ
@quankm1097 cảm ơn, có ai giúp em ko? thông não em với đi
Cùi mà bài nào cũng trend
chỉ có mấy đứa kia mới lên thôi, a có up gì đâu =))
lên trend làm gì, viết đã cùi rồi còn lên trend :v
Bạn thêm tên ngôn ngữ vào sau dấu ``` là code được highlight đấy.
vD:
Bài này chưa được lên trend à. Tiếc quá
Bạn có thể để kiểu này cho mọi người dễ nhìn hơn, thêm tên ngôn ngữ sau ```
Ví dụ ```php sẽ được như thế này
@dao.thai.son vấn đề ở chỗ là tất cả đều chạy bình thường trừ cái test bạn ạ ), postman, project frontend... đều chạy ok
@TuanAnh9996 Vậy chắc Vhost của bạn config bị thiếu rồi
Cố lên =)) Trước mh deploy lên amazon mất 2 tuần 1 lỗi k biết fix sao cơ =))
EM cũng không biết do đâu, nên đang thử chuyển pg sang mysql xem thế nào Deploy đủ cách từ hôm qua đến giờ push lên mấy chục lần thiệt là nản
Cái này thì mh cũng k rõ. =)) Trước mh làm theo hướng dẫn là ok. Chứ cũng k dính lỗi gem gì cả.