THẢO LUẬN

thg 12 14, 2018 11:49 CH

Cảm ơn bạn đã giảit thích giúp mình

0
thg 12 14, 2018 9:43 CH

Mình cũng sử dụng Nuxt và thấy bài này khá bổ ích. Cảm ơn bạn nha 😄

+2
thg 12 14, 2018 4:31 CH

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:

  1. 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ó.
  2. 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.)

Link demo: https://jsfiddle.net/huukimit/pmv4L8y5/17

+3
thg 12 14, 2018 4:31 CH

👍

0
thg 12 14, 2018 2:55 CH

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)

+1
thg 12 14, 2018 12:10 CH

Thanks. Mình sửa được rồi

0

cảm ơn anh đã đóng góp, có gì em sẽ bổ sung vào... phần 2 ạ 😄

0

a ơi cho e hỏi cách install tflearn với ạ

0

@quankm1097 cảm ơn, có ai giúp em ko? thông não em với đi

0

Cùi mà bài nào cũng trend 🙃

0

chỉ có mấy đứa kia mới lên thôi, a có up gì đâu =))

+1

lên trend làm gì, viết đã cùi rồi còn lên trend :v

0
thg 12 14, 2018 9:37 SA

Bạn thêm tên ngôn ngữ vào sau dấu ``` là code được highlight đấy.

vD:

<script>
  caches.open(CACHE_NAME).then(function prefill(cache) {
    return cache.addAll([
      window.location.pathname
    ]);
  });
</script>
0

Bài này chưa được lên trend à. Tiếc quá 😂

0

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

// Code
0

@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

0

@TuanAnh9996 Vậy chắc Vhost của bạn config bị thiếu rồi 😦

0
Avatar
đã bình luận cho bài viết
thg 12 14, 2018 8:47 SA

Cố lên =)) Trước mh deploy lên amazon mất 2 tuần 1 lỗi k biết fix sao cơ =))

0
Avatar
đã bình luận cho bài viết
thg 12 14, 2018 8:46 SA

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 😄

+1
Avatar
đã bình luận cho bài viết
thg 12 14, 2018 8:40 SA

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ả.

0
Viblo
Hãy đăng ký một tài khoản Viblo để nhận được nhiều bài viết thú vị hơn.
Đăng kí