Asked Jul 21st, 12:53 PM 71 0 2
  • 71 0 2
0

Hỏi về loading trong nuxtjs

Share
  • 71 0 2

chào mọi người mình muốn khi reload hay load vào page lúc đầu trong nuxtjs thì sẽ hiện loading như hình dưới trước khi hiện nội dung thì làm như thế nào ạ? Mình cảm ơn.

2 ANSWERS


Answered Jul 22nd, 8:57 AM
Accepted
0

Trong file nuxt.config.js b có thể khai báo loading: path_to_component_loading rồi tạo 1 component cho phần loading này. Sau đó để dùng thì bạn gọi this.$nuxt.$loading.start() để start và this.$nuxt.$loading.finish() để finish

Share
Avatar quang hải @sven_9x
Jul 22nd, 2:46 PM

@ntquy Mình đang muốn load lúc refresh F5 page cơ bạn. chứ ko phải lúc chuyển trang giữa các component

0
| Reply
Share
Avatar Zizou @ntquy
Jul 22nd, 2:50 PM

@sven_9x ở cái hàm lúc b vào page đó thì bạn gọi this.$nuxt.$loading.start() thôi mà

0
| Reply
Share
Avatar quang hải @sven_9x
Jul 22nd, 3:28 PM

@ntquy mình để ở mounted() theo hướng dẫn này mà toàn lỗi nhỉ bạn? https://nuxtjs.org/docs/2.x/configuration-glossary/configuration-loading#the-loading-property

0
| Reply
Share
Avatar quang hải @sven_9x
Jul 22nd, 3:28 PM
0
| Reply
Share
Avatar Zizou @ntquy
Jul 22nd, 8:17 PM

@sven_9x b khai báo loading ở file nuxt.config.js chưa

0
| Reply
Share
Avatar quang hải @sven_9x
Jul 23rd, 1:08 AM

@ntquy mình làm đc rồi. tks b

0
| Reply
Share
Avatar quang hải @sven_9x
Jul 23rd, 1:09 AM

@ntquy à nhân tiện cho mình hỏi thêm. mình chạy pagespeed của google thì nó báo như này thì làm thế nào để khắc phục nhỉ bạn?

image.png

0
| Reply
Share
Answered Jul 21st, 3:07 PM
0

https://nuxtjs.org/docs/2.x/configuration-glossary/configuration-loading bạn thử xem qua load trong file nuxt.config.js xem

Share
Avatar quang hải @sven_9x
Jul 22nd, 1:29 AM

@khoanld98 cái này load giữa component. Mình đang muốn loading hiện khi refresh trang ý bạn

0
| Reply
Share
Viblo
Let's register a Viblo Account to get more interesting posts.