# forcast **Repository Path**: li-luan/forcast ## Basic Information - **Project Name**: forcast - **Description**: 全国天气预报查询-vue - **Primary Language**: Unknown - **License**: MIT - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 0 - **Created**: 2021-04-13 - **Last Updated**: 2021-04-13 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README ### 这是一个天气查询的vue项目 项目比较简单,利用到了bootstrap.css里面的样式,搭建的一个结构 技术利用到了vue的vue-resource模块采用this.http.jsonp('ulr',{}).then(fucution() {}) 向腾讯服务器发送请求与 #### 数据的处理 v-for 拿到数据之后利用v-for指令渲染到了页面 #### 天气查询的功能 做法利用到了 v-model的双向数据绑定 通过v-model拿到用户输入的数据后传递到ajax中去,同时进行非空和用户输出错误数据的判定 然后去调用封装好的ajax请求 #### 检索的做法 核心技术利用到了字符串的匹配 做法:定义了一个空数组 var newRet = []; 利用对象的遍历:Object.keys(this.ret).forEach(item =>{ if (this.ret[item].max_degree.includes(this.tem1)) { newRet.push(this.ret[item]) } }) 接着让原先渲染的等于现在拿到的 this.ret = newRet