<template> <div class="ls-repo"> <div class="row justify-content-between ls-pin-repo" v-for="repo in repos" :key="repo.id" > <div class="col-md-6"> <router-link :to="repo.html_url" ><h6>{{ repo.name }}</h6></router-link > <div class="row ls-r"> <div class="col mt-4"> <span>{{ repo.language }}</span> </div> </div> </div> <div class="col-md-6"> {{ repo.full_name }} <br /> {{ repo.visibility }} </div> </div> </div> </template> <script> import axios from "axios"; export default { name: "Repositories", data() { return { repos: null, search: "", }; }, methods: { setData(data) { this.repos = data; console.log(this.repos.node_id); }, searchData() { axios .get("https://api.github.com/repos/dimaswntech/" + this.search, { headers: { Authorization: "token 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", }, }) .then((response) => { this.setData(response.data); console.log(response.data); }) .catch((error) => console.log(error)); console.log(this.search); }, }, mounted() { axios .get("https://api.github.com/users/dimaswntech/repos", { headers: { Authorization: "token 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", }, }) .then((response) => { this.setData(response.data); console.log(this.repos); }) .catch((error) => console.log(error)); }, }; </script> <style></style>Lo siento amigos, déjenme preguntarles algo. Uso vue js y obtendré datos de api github. En mi método con el nombre "seachData()" y la parte montada, uso axios. Pero no sé, recibo un error si completo la etiqueta de entrada de esta manera
<input class="form-control input-repo" type="text" v-model="search" v-on:keyup.enter="searchData" />Y mi error dijo. mi código tiene variable con valor nulo. i esos códigos no llené la etiqueta de entrada. Así que espero que me puedan ayudar.