Как отправить запрос на сервер с клиента vue js?

Question

[nevantain]

Мне нужно отправить данные инпута на api, и я не понимаю как вытащить значения из поля, чтобы их отправить, подскажите пожалуйста

Вот код страницы:

<template>
<div class="content">
    <div class="inner-content">
        <div class="title">
            <span class="title__text">
                TON Ducks Explorer
            </span>
        </div>
      
        <div class="search">
            <input class="search__input" type="search" name="number" placeholder="Enter number NFT..">
        </div>
    </div>
</div>
</template>

<script>
export default {

}
</script>

<style scoped>
.content {
    width: 100%;
    height: 70%;
}

.inner-content {
    height: 100%;
    padding-left: 15%;
    padding-right: 15%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.title__text {
    font-size: 35px;
}

.search {
    width: 60%;
    margin-top: 40px;
}

.search__input {
    background-color: rgb(40, 40, 40);
    border: 2px rgb(60, 60, 60) solid;
    color: rgb(219, 219, 219);
    border-radius: 15px;
    text-align: center;
    font-size: 18px;
    height: 30px;
    outline: none;
    width: 100%;
}
</style>

Comments

[nevantain]

Александр, это похоже на заказ? извините тогда, типо мне нужно понять, как вытащить значения из инпута, чтобы их уже отправить, не правильно прописал вопрос

Answer 1

[Владимир Коротенко]

как уже все высказались вы похоже хотите бесплатно решить проблему.
Если по нормальному то вам нужно привязать переменную через v-model
дальше подключить axios или fetch и отправить запрос по клику.
Все есть в документации, просто прочтите ее