api-client/components/InputForm.vue

26 lines
468 B
Vue
Raw Normal View History

2020-01-20 16:55:48 +00:00
<template>
<form @submit.prevent="formPost">
<input type="text" autofocus ref="inputMessage" v-model="message" />
<input type="submit" value="DUNK!" />
</form>
</template>
<script>
import { store } from "../functions/store";
export default {
data() {
return {
message: null
};
},
methods: {
formPost() {
store.writeBall(this.message);
this.message = null;
this.$refs.inputMessage.focus();
}
}
};
</script>