vueはelement-ui中のローディング状態を実現します。
799 ワード
ロード状態を追加する必要があります。次の方法を呼び出してください。
ステップ1:

ステップ2:

ステップ3:

効果

以上のこのvueはelement-uiの中のローディング状態を実現しました。つまり、小編集は皆さんに提供した内容の全部を共有します。
// loading
const load = _this.$loading({
lock: true,
text: 'Loading',
spinner: 'el-icon-loading',
background: 'rgba(0, 0, 0, 0.7)'
});
// loading
load.close();
補足知識:vueではelement-uiの中のボタンを使ってクリックしてロード中を表示し、重複提出を防止します。ステップ1:

ステップ2:

ステップ3:

効果

以上のこのvueはelement-uiの中のローディング状態を実現しました。つまり、小編集は皆さんに提供した内容の全部を共有します。