【Vue2.0】—github小案例（二十三）

<template><section class="jumbotron"><h3 class="jumbotron-heading">Search Github Users</h3><div><input type="text" placeholder="enter the name you search" v-model="keyWord" />&nbsp;<button @click="sendData">Search</button></div></section></template><script>import axios from 'axios'export default {name: 'Search',data() {return {keyWord: ''}},methods: {sendData() {//请求前更新List里面的数据this.$bus.$emit('updateListData', {isLoading: true,errMsg: '',users: [],isFirst: false})axios.get(`https://api.github.com/search/users?q=${this.keyWord}`).then(response => {console.log('请求成功');//请求成功后更新数据this.$bus.$emit('updateListData', {isLoading: false,errMsg: '',users: response.data.items})},error => {//请求失败后更新数据this.$bus.$emit('updateListData', {isLoading: false,errMsg: error.message,users: []})})}}}</script><style></style>

【Vue2.0】—github小案例（二十三）相关推荐

从壹开始前后端分离 [ Vue2.0+.NET Core2.1] 二十三║Vue实战：Vuex 其实很简单
前言哈喽大家周五好,马上又是一个周末了,下周就是中秋了,下下周就是国庆啦,这里先祝福大家一个比一个假日嗨皮啦~~转眼我们的专题已经写了第 23 篇了,好几次都坚持不下去想要中断,不过每当看到群里的交 ...
【Vue2.0】—vue-router（二十七）
[Vue2.0]-vue-router(二十七) 一.路由配置作用:让路由组件更方便的收到参数二.<router-link></ router-link> 的replace ...
【Vue2.0】—vue-router（二十六）
[Vue2.0]-vue-router(二十六) 一.vue-router 的理解它是vue 的一个插件库,专门用来实现 SPA 应用二.对 SPA 应用的理单页 Web 应用(single p ...
【Vue2.0】— TodoList案例（十七）
[Vue2.0]- TodoList案例(十七) <template><div id="root"><div class="todo-con ...
【Vue2.0】—props 配置（十三）
[Vue2.0]-props 配置(十三) <template><div class="demo"><h1>{{ msg}}</h1> ...
【vue2.0进阶】案例：用Vuex实现一个简单的计算器
昨天我们学习了Veux的几个重要的核心概念.当然只讲概念还不够,必须要结合上案例才能理解得更深刻. 马上就开始我们今天的案例:用Vuex实现一个简单的网页计算器. 我们之前的章节说过,Vuex适合在较 ...
Java小案例(二) 用数组实现增删查改排序
文章目录案例一案例二案例三案例四案例五案例一 Student.Java package curd;public class Student {private String stuid;pr ...
从壹开始前后端分离 [ Vue2.0+.NET Core2.1] 二十二║Vue实战：个人博客第一版(axios+router)...
前言今天正式开始写代码了,之前铺垫了很多了,包括 6 篇基础文章,一篇正式环境搭建,就是为了今天做准备,想温习的小伙伴可以再看看<Vue 基础入门+详细的环境搭建>,内容很多,这里就暂时 ...
从壹开始前后端分离 [ Vue2.0+.NET Core2.1] 二十二║Vue实战：个人博客第一版
前言今天正式开始写代码了,之前铺垫了很多了,包括 6 篇基础文章,一篇正式环境搭建,就是为了今天做准备,想温习的小伙伴可以再看看<Vue 基础入门+详细的环境搭建>,内容很多,这里就暂时 ...

【Vue2.0】—github小案例（二十三）

【Vue2.0】—github小案例（二十三）

【Vue2.0】—github小案例（二十三）相关推荐

最新文章

热门文章