Vue-dä hadysa üsti bilen forma maglumatlaryny almak
Bizde bir düwme we onuň içine san girizilýän input bolsun. Düwmä basylanda, inputa girizilen sanyň kwadratyny çykarýarys. Amala aşyrmaga başlaýarys.
Mesele çözmek üçin bize iki sypat gerek bolar. num sypaty inputa maglumat girizilende üýtgerer, res sypatynda bolsa kwadrata götermek netijesini ýazarys:
data() {
return {
num: 0,
res: 0
}
}
Indi bir input düzeliň, oňa num sypatyny baglaň, bir düwme düzeliň, oňa basylanda calc metodi işlesin, we netijäniň görkeziljek ýeri bolan abzas hem düzeliň:
<template>
<p>{{ res }}</p>
<input v-model="num">
<button v-on:click="calc">işle</button>
</template>
Indi calc metodynyň amalýetini ýazalyň:
methods: {
calc: function() {
this.res = this.num ** 2;
}
}
Şeýlelik bilen, calc metodi çağırılanynda (bu düwmä basylanynda bolup geçer), res sypatyna netije ýazylar we şol bir wagtyň özünde abzazymyzda görkeziler.
Bir input berlen. Bir düwme berlen. Bir abzas berlen. Inputa san girizilýär. Düwmä basylanda abzazda şol sanyň kvadrat kökü peýda bolmalydygyny ýerine ýetiriň.
Iki input berlen. Bir düwme berlen. Bir abzas berlen. Her bir inputa sanlar girizilýär. Düwmä basylanda abzazda şol sanlaryň jemi peýda bolmalydygyny ýerine ýetiriň.
Iki input berlen. Bir düwme berlen. Her bir inputa bir tekst girizilýär. Düwmä basylanda birinji inputdaky tekst ikinjide, ikinjideki bolsa birinjide peýda bolmalydygyny ýerine ýetiriň.
Bir input, 3 abzas we bir düwme berlen. Inputa ulanyjynyň familiýasy, ady we atasynyň ady aralyk bilen girizilýär. Düwmä basylanda birinji abzazda ulanyjynyň familiýasy, ikinjide ady, üçünjide bolsa atasynyň ady peýda bolmalydygyny ýerine ýetiriň.
