Öncelikle selam. Sistemimde şu şekilde yapılmış bir arama component var. Buradaki <li> tagına bir türlü link veremedim.
<template>
<div>
<input type="text" v-model="keyword">
<ul v-if="Debates.length > 0">
<li v-for="debate in Debates" :key="debate.id" v-text="debate.title"></li>
</ul>
</div>
</template>
<script>
export default {
data() {
return {
keyword: null,
Debates: []
};
},
watch: {
keyword(after, before) {
this.getResults();
}
},
methods: {
getResults() {
axios.get('/livesearch', { params: { keyword: this.keyword } })
.then(res => this.Debates = res.data)
.catch(error => {});
}
}
}
</script>
Burada konu başlıklarını anlık olarak aratıp listeliyorum. Yalnız çıkan sonuçlara link veremiyorum. ilgili yer şurası:
<li v-for="debate in Debates" :key="debate.id" v-text="debate.title"></li>
<li> tagları arasına ne yazarsam yazayım çözemedim.