I am using [Element-ui][1]
to build my front end.
I want to do:
- While I will click a button a
alert()
message will show. - As long as the message will show, at that moment button loading will show.
- I have added
setTimeout()
totrue
the loading. But not working!!!
Button:
<el-button type="primary" @click="open" :loading="isLoading">Enable Cart Tracking</el-button>
Data:
data() {
return {
isLoading: false
}
},
Methods:
open() {
this.$message({type: 'success', message: 'Cart Enabled'});
setTimeout(function()
{
console.log("Hmmmm");
this.isLoading = true
}, 2000);
}
Hmmmm
is showing and $message
is also showing. But Button loading is not working!!!