Nice Tutorial Bro, I wonder when will you post the next part, I cant wait for it. Keep it up, Bro!!

Bài viết rất hay, cám ơn bạn rất nhiều

chào bạn,

Bug này lí do như sau:

• Khi ta selecteProduct thì biến selectedProduct được set giá trị, băng với product ta vừa click, chỉ bằng về giá trị thôi còn địa chỉ thì ko bằng nhé vì mình dùng {...} để clone rồi
• Tiếp theo ta se product.isEdit = true để hiển thị form input, thao tác này tác động trực tiếp vào object product gốc
• Khi ta tiếp tục chọn Edit ở 1 hàng mới mà ko bấm Cancel ở hàng cũ, thì ta lại ko set isEdit = false ở hàng cũ đi, do đó form input của hàng cũ vẫn show ra, mà form input đó thì sẽ được bind với selectedProduct nên bạn sẽ thấy cứ chỗ nào có form input thì nó sẽ có chung 1 giá trị của selectedProduct

1 giải pháp đơn giản là:

• khi click sang hàng mới ta gọi tới product ta vừa chọn (trước khi chon hàng mới) và set isEdit = false để đóng form input đi
• vậy thì ta cần lưu lại cái gì đó của hàng cũ để khi click vào hàng mới ta còn biết lối để gọi lại: bạn có thể chọn lưu cả object product hoăc lưu index của nó cũng đc

Code demo:

• ở data bạn thêm vào biến prevSelectedProduct: null, thể hiện cho sản phẩm vừa đc chọn trước sản phẩm hiện tại (nếu ko có thì để null)
• ở hàm selecteProduct ban sửa lại như sau:

selecteProduct (product) {
  if (this.prevSelectedProduct) { // nếu trước đó có chọn 1 sản phẩm để edit
      this.prevSelectedProduct.isEdit = false // đóng form edit
  }

  this.selectedProduct = { ...product }
  product.isEdit = true

  this.prevSelectedProduct = product // thiết lập giá trị mới
},

email của chị là: hangpt248@gmail.com nhé. Có gì em có thể hỏi qua đây nhé

Idea thú vị. Cảm ơn bác đã chia sẻ.

Em đã sửa đc. Em cảm ơn ạ

Sao mà em chẳng xem được code vậy máy anh nhỉ

@anhdinoke mình dùng docs offical của facebook: https://developers.facebook.com/docs/graph-api/reference/

Thẻ a này mình ko code trực tiếp. Mà nó nằm trong 1 đoạn văn bản có sẵn. Không biết các b có hiểu ý mình diễn đạt chỗ này ko nữa

Bài viết khá bổ ích, cảm ơn thím nhé. Thông thường đối với csdl ít bản ghi thì việc sử dụng map hay pluck không thực sự quan trọng nhưng khi làm việc với cơ sở dữ liệu lớn thì việc sử dụng map hay pluck lại là một việc rất cần phải chú ý.

Ông viết bài này chắc chưa từng 1 lần đọc lại bài do chính mình viết quá.

@dominhphong306 docs nào vậy bạn

Cảm ơn bạn. Mình sẽ thử tìm hiểu xem, nhưng mình vẫn muốn tìm kiếm một giải pháp khác. Ví dụ như thay Ec2 thày VPS. Thì không biết sẽ xử lý thế nào

Ví dụ thì bạn cứ xem ở docs thôi. Chứ tớ cũng dùng postman call API nghịch thôi :v

Cảm ơn anh

em đang code cobol anh chỉ với ạ

@dominhphong306 bác có ví dụ demo cái nho nhỏ ko ạ? cho e xin học hỏi ạ

đúng rồi. khi đó sẽ thấy học ở trường nhiều thứ không cần thiết và khá khô khan. nhưng những kiến thức từ năm 2, năm 3 giờ nhìn lại thấy nhưng kiến thức đấy khá quan trọng, nó là nền tảng cho mình học sâu hơn. mình cũng giống b, đi thực tập laravel từ đầu năm 3, giờ là sv cuối năm 4 ) khá nhiều khó khăn khi vừa làm vừa học trên trường

mình cũng đi thực tập từ sớm thì thấy có 1 cái bất cập là khi đi làm rồi thì nhiều khi chả muốn đi học nữa , khi đó là đi học theo 1 quy tắc và phải chấp hành vì môi trường làm việc vs học tập nó khác nhau rất nhiều. mih sv năm 3 đi làm part-time lập trình php laravel vuejs ở ngoài đc 1 năm năm nay là sv năm 4. khi đi ra ngoài sẽ biết dc rất nhiều thứ ko chỉ là lập trình đâu nếu b vào một cty startup thì còn biết đc nhiều nữa.

Cho em hỏi, tại sao cấu trúc của Component lại là các thẻ Child lồng trong 1 thẻ Parent ví dụ như :

< Parent> <Child/> <Son /> <Daughter/> </ Parent>