2022-02-25 12:52:17 +00:00
|
|
|
<template>
|
|
|
|
<div>
|
|
|
|
<v-text-field
|
|
|
|
label="Search"
|
|
|
|
outlined
|
2022-02-25 18:54:15 +00:00
|
|
|
v-model="text"
|
|
|
|
@input="textChanged"
|
2022-02-25 12:52:17 +00:00
|
|
|
/>
|
2022-02-25 18:54:15 +00:00
|
|
|
{{ response }}
|
2022-02-25 12:52:17 +00:00
|
|
|
</div>
|
|
|
|
</template>
|
2022-02-25 18:54:15 +00:00
|
|
|
|
|
|
|
<script>
|
|
|
|
export default {
|
|
|
|
data() {
|
|
|
|
return {
|
|
|
|
text: null,
|
|
|
|
response: null,
|
|
|
|
}
|
|
|
|
},
|
|
|
|
|
|
|
|
methods: {
|
|
|
|
textChanged() {
|
2022-02-26 19:45:34 +00:00
|
|
|
this.$youtube.autoComplete(this.text, (res) => {
|
|
|
|
this.response = res.data;
|
2022-02-25 18:54:15 +00:00
|
|
|
});
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
}
|
|
|
|
</script>
|