更新bootstrap-vue警报的内容
更新bootstrap-vue警报的内容
提问于 2018-06-13 20:37:18
我想知道如何在Bootstrap-Vue (Bootstrap-Vue)警报显示后更新它的内容。
这是在这样的场景下需要的:显示带有链接的预警，用户点击链接发起远程操作，预警显示加载指示，操作完成，最后预警显示成功消息。
回答 1
Stack Overflow用户
发布于 2019-04-20 08:07:13
这就像更新任何其他反应属性一样。下面的例子显示了三种状态...默认、正在加载和已更新。
<template>
<div id="app">
<b-alert show>{{ alertText }}</b-alert>
<b-btn @click="updateText">Update Text</b-btn>
</div>
</template>
<script>
export default {
name: "App",
data() {
return {
alertText: 'Default text',
}
},
methods: {
updateText() {
this.alertText = 'loading'
setTimeout(() => {
this.alertText = Math.random()
}, 2000)
},
}
}
</script>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/50837490
复制相关文章
相似问题
腾讯云开发者
