38 lines
811 B
Vue
38 lines
811 B
Vue
<template>
|
|
<div class="input-mask">
|
|
<span>Ich bin InputMask.vue</span>
|
|
<form>
|
|
<label>
|
|
Modulkürzel
|
|
<input type="text" placeholder="z.B. 'IWS'" v-model="grade_form_input.kuerzel">
|
|
</label>
|
|
<label>
|
|
Note
|
|
<input type="number" min="1" max="5" placeholder="1.0" step="0.1" v-model="grade_form_input.note">
|
|
</label>
|
|
<label>
|
|
Credits
|
|
<input type="number" min="2" max="30" placeholder="5" v-model="grade_form_input.credits">
|
|
</label>
|
|
<button type="submit">Note Eintragen</button>
|
|
</form>
|
|
<List/>
|
|
</div>
|
|
</template>
|
|
|
|
<script setup>
|
|
import {ref} from 'vue';
|
|
import List from "@/components/List.vue";
|
|
|
|
const grade_form_input = ref({
|
|
kuerzel: "",
|
|
note: 1.0,
|
|
credits: 5
|
|
})
|
|
|
|
</script>
|
|
|
|
<style scoped>
|
|
|
|
</style>
|