mns-mini-zabor/components/calcValues.vue

24 lines
716 B
Vue

<script setup lang="ts">
import { useScroll } from '@vueuse/core';
const lamelles_count = useState('lamelles_count', () => 3)
const lamelles = reactive({
min: 3,
max: 30,
value: lamelles_count
})
const chanreParametres = () => {
lamelles_count.value = lamelles.value
}
</script>
<template>
<div class="container">
<form class="form">
<div class="form-item">
<label for="lanelles_count">Количество ламелей</label>
<input id="lanelles_count" type="number" :max="lamelles.max" :min="lamelles.min"
v-model="lamelles.value" @change="chanreParametres" />
</div>
</form>
</div>
</template>