Всем привет! Во vue новичок, разбираюсь, ногами особо не пинайте.
Как при вводе в input отобразить результат в в той строке, в которой находится этот input?
Использую vue 2 + vuetable2, props содержит информацию о строке:
'use strict';
Vue.use(Vuetable);
new Vue({
el: '#app',
data: {
fields: ['name', 'email','birthdate','nickname','__slot:search','__slot:actions'],
sectionVal: []
},
methods: {
section: function (value, props) {
fetch('/r.php')
.then((response) => {
return response.json()
})
.then((json) => {
this.sectionVal = json
})
.catch((error) => {
console.log(error)
})
}
},
})
<div id="app">
<div class="ui container">
<vuetable ref="vuetable"
api-url="https://vuetable.ratiw.net/api/users"
:fields="fields"
>
<template slot="actions" scope="props">
<div class="table-button-container">
<input type="text" @keyup="section($event.target.value, props)">
<div>
<div v-for="val in sectionVal">{{ val }}</div>
</div>
</div>
</template>
<template slot="search" scope="props">
<div class="table-button-container">
<input type="text">
</div>
</template>
</vuetable>
</div>
</div>
Средний
