Docs: Fix Loading demo (#17862) (#17863)

pull/17913/head
Weiqi Wu 2019-10-30 14:27:11 +08:00 committed by Zhi Cun
parent 096966a4c8
commit a78f4b9e5a
4 changed files with 16 additions and 16 deletions

View File

@ -128,13 +128,13 @@ Show a full screen animation while loading data.
<template> <template>
<el-button <el-button
type="primary" type="primary"
@click="openFullScreen" @click="openFullScreen1"
v-loading.fullscreen.lock="fullscreenLoading"> v-loading.fullscreen.lock="fullscreenLoading">
As a directive As a directive
</el-button> </el-button>
<el-button <el-button
type="primary" type="primary"
@click="openFullScreen"> @click="openFullScreen2">
As a service As a service
</el-button> </el-button>
</template> </template>
@ -147,13 +147,13 @@ Show a full screen animation while loading data.
} }
}, },
methods: { methods: {
openFullScreen() { openFullScreen1() {
this.fullscreenLoading = true; this.fullscreenLoading = true;
setTimeout(() => { setTimeout(() => {
this.fullscreenLoading = false; this.fullscreenLoading = false;
}, 2000); }, 2000);
}, },
openFullScreen() { openFullScreen2() {
const loading = this.$loading({ const loading = this.$loading({
lock: true, lock: true,
text: 'Loading', text: 'Loading',

View File

@ -128,13 +128,13 @@ Muestra una animación de pantalla completa mientras se cargan los datos
<template> <template>
<el-button <el-button
type="primary" type="primary"
@click="openFullScreen" @click="openFullScreen1"
v-loading.fullscreen.lock="fullscreenLoading"> v-loading.fullscreen.lock="fullscreenLoading">
Como directiva Como directiva
</el-button> </el-button>
<el-button <el-button
type="primary" type="primary"
@click="openFullScreen"> @click="openFullScreen2">
Como servicio Como servicio
</el-button> </el-button>
</template> </template>
@ -147,13 +147,13 @@ Muestra una animación de pantalla completa mientras se cargan los datos
} }
}, },
methods: { methods: {
openFullScreen() { openFullScreen1() {
this.fullscreenLoading = true; this.fullscreenLoading = true;
setTimeout(() => { setTimeout(() => {
this.fullscreenLoading = false; this.fullscreenLoading = false;
}, 2000); }, 2000);
}, },
openFullScreen() { openFullScreen2() {
const loading = this.$loading({ const loading = this.$loading({
lock: true, lock: true,
text: 'Loading', text: 'Loading',

View File

@ -128,13 +128,13 @@ Affichez une animation en plein écran quand vous charger des données.
<template> <template>
<el-button <el-button
type="primary" type="primary"
@click="openFullScreen" @click="openFullScreen1"
v-loading.fullscreen.lock="fullscreenLoading"> v-loading.fullscreen.lock="fullscreenLoading">
Comme directive Comme directive
</el-button> </el-button>
<el-button <el-button
type="primary" type="primary"
@click="openFullScreen"> @click="openFullScreen2">
Comme service Comme service
</el-button> </el-button>
</template> </template>
@ -147,13 +147,13 @@ Affichez une animation en plein écran quand vous charger des données.
} }
}, },
methods: { methods: {
openFullScreen() { openFullScreen1() {
this.fullscreenLoading = true; this.fullscreenLoading = true;
setTimeout(() => { setTimeout(() => {
this.fullscreenLoading = false; this.fullscreenLoading = false;
}, 2000); }, 2000);
}, },
openFullScreen() { openFullScreen2() {
const loading = this.$loading({ const loading = this.$loading({
lock: true, lock: true,
text: 'Loading', text: 'Loading',

View File

@ -127,13 +127,13 @@
<template> <template>
<el-button <el-button
type="primary" type="primary"
@click="openFullScreen" @click="openFullScreen1"
v-loading.fullscreen.lock="fullscreenLoading"> v-loading.fullscreen.lock="fullscreenLoading">
指令方式 指令方式
</el-button> </el-button>
<el-button <el-button
type="primary" type="primary"
@click="openFullScreen"> @click="openFullScreen2">
服务方式 服务方式
</el-button> </el-button>
</template> </template>
@ -146,13 +146,13 @@
} }
}, },
methods: { methods: {
openFullScreen() { openFullScreen1() {
this.fullscreenLoading = true; this.fullscreenLoading = true;
setTimeout(() => { setTimeout(() => {
this.fullscreenLoading = false; this.fullscreenLoading = false;
}, 2000); }, 2000);
}, },
openFullScreen() { openFullScreen2() {
const loading = this.$loading({ const loading = this.$loading({
lock: true, lock: true,
text: 'Loading', text: 'Loading',