Javascript 智能手机的输入按钮有问题

大家晚上好，我在vue中有以下代码

<input
                type="text"
                class="search-bar"
                placeholder="Cerca una città..."
                v-model="location"
                @keypress="fetchWeather"
              />

 methods: {
        fetchWeather(e) {
          var key = e.which || e.keyCode || 0;
          if (key == 13) {
            fetch(
              `${this.base_url}weather?q=${this.location}&units=metric&APPID=${this.api_key}`
            )
              .then((res) => {
                return res.json();
              })
              .then(this.setResults)
              .then(this.reset);
          }
        }

方法：{
天气预报（e）{
var key=e.which | e.keyCode | 0；
如果（键==13）{
取回(
`${this.base\u url}天气？q=${this.location}&units=metric&APPID=${this.api\u key}`
)
。然后（（res）=>{
返回res.json（）；
})
.然后（此.setResults）
。然后（此。重置）；
}
}

现在，当我在pc上按enter键时，一切正常，但在智能手机上，我必须按两次enter键才能正确拨打电话。 .你能告诉我为什么会这样吗