23 lines
332 B
Vue
23 lines
332 B
Vue
|
<template>
|
||
|
|
<div>
|
||
|
|
<p>Server Status: {{ status }}</p>
|
||
|
|
<hr>
|
||
|
|
<button @click="changeStatus">Change</button>
|
||
|
|
</div>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
export default {
|
||
|
|
data(){
|
||
|
|
return {
|
||
|
|
status: 'critical'
|
||
|
|
}
|
||
|
|
},
|
||
|
|
methods: {
|
||
|
|
changeStatus(){
|
||
|
|
this.status = 'Normal'
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</script>
|