Änderungen von adresses_index

This commit is contained in:
2023-04-20 15:27:45 +02:00
parent cd8918f21b
commit 4edf59fd4c
2 changed files with 37 additions and 34 deletions

View File

@ -5,28 +5,14 @@
Willkommen in der Adressverwaltung
</h1>
</div>
<div class="content">
<input v-model="input" type="text" placeholder="Suche...">
<div v-for="adresses in filteredList()" :key="adresses" class="adresses">
<p>{{ adresses }}</p>
</div>
<div v-if="input&&!filteredList().length" class="item error">
<p>Nicht gefunden</p>
</div>
<div class="adress-content">
Text
</div>
</div>
</template>
<script setup>
import { ref } from 'vue'
<script>
const input = ref('')
const adresses = ['Hedemann', 'Nietiedt', 'Schoon']
function filteredList () {
return adresses.filter(adresses =>
adresses.toLowerCase().includes(input.value.toLowerCase())
)
}
</script>
<style src="@/assets/main.css"></style>