VUE实现天气预报查询

萝莉洛伊

已于 2024-03-27 10:58:04 修改

阅读量1.9k

点赞数 8

分类专栏：天气预报小demo 文章标签： vue.js 前端 javascript

于 2024-03-15 16:34:02 首次发布

本文链接：https://blog.csdn.net/weixin_58771326/article/details/136743611

版权

vue实现天气预报查询功能

1、vue

 <div id="app">
    <div class="search">
      <input type="text" placeholder="请输入地区名称" v-model="city" @keyup.enter="searchWeather">
      <button @click="searchWeather">搜索天气</button>
      <div>
        <a @click="changeCity('北京市')">北京市</a>
        <a @click="changeCity('武汉市')">武汉市</a>
        <a @click="changeCity('杭州市')">杭州市</a>
        <a @click="changeCity('西安市')">西安市</a>
        <a @click="changeCity('福州市')">福州市</a>
        <a @click="changeCity('银川市')">银川市</a>
      </div>
    </div>
    <div class="weather" v-for="(item,index) in object.f