В зависимости от введенного значения пользователем - может измениться запрос, который нужно выполнить.
Вопрос в том как правильно передать эти данные в запрос к API?
Проект на VUE
export default{
name: 'Second',
data(){
return{
posts: [],
name: ''
}
},
methods:{
limits: async function(){
let res = await fetch('https://jsonplaceholder.typicode.com/posts?_limit=',limit);
const posts = await res.json();
this.posts = posts
},
getName: function(){
this.limit = this.name
}
}
}
.post{
border: 1px solid #ccc;
border-radius: 5px;
margin-bottom: 1rem;
width: 40%;
margin-left: 25%;
}
<div id="app">
<button v-on:click="limits">Кнопка</button>
<input v-model="name" @input="getName">
<div class="post" v-for="post in posts" :key="post.id">
<h2>{{post.title}}</h2>
<p>{{post.body}}</p>
</div>
</div>