Это очень просто, в addTask () просто добавьте событие в качестве параметра и в конце написанной вами функции: event.target.reset();
Код:
<template>
<div class="col-md-6" >
<div class="card bg-light mt-4">
<div class="card-header">Task Form</div>
<div class="card-body">
<form action="./api/word" method="post" @submit.prevent="addTask">
<div class="form-group">
<input type="text" name="title" v-model="title" placeholder="Local word" class="form-control">
</div>
<div class="form-group">
<input type="text" name="second_title" v-model="second_title" placeholder="Foreign word" class="form-control">
</div>
<div class="form-group">
<input type="submit" value="Add Task" class="btn btn-info">
</div>
</form>
</div>
</div>
</div>
</template>
И там:
export default {
data() {
return {
title: '',
second_title: ''
}
},
mounted() {
console.log('Component mounted.')
},
methods: {
addTask(event) {
Event.$emit('taskCreated', {
title: this.title,
second_title: this.second_title
});
axios.post('./api/word', {
title: this.title,
second_title: this.second_title,
})
this.title = '';
this.second_title = '';
event.target.reset();
}
Надеюсь, это работает для вас; )
Да, операция блокировки в Сервисе по-прежнему блокирует приложение. Несмотря на первые появления, Сервисы не просто для запуска задач в фоновом режиме. Они предназначены для запуска задач с жизненным циклом, который не зависит от жизненного цикла действия (IE, они могут продолжаться после закрытия действия).
Служба, которая начинается, когда начинается действие, и заканчивается, когда заканчивается действие, бесполезна.
В вашем случае, когда вы транслируете аудио, вы можете захотеть транслировать аудио даже после того, как пользователь закроет Activity, и в этом случае вам следует использовать Сервис, но вам все равно понадобится поток (или AsyncTask) для блокировки задач.