Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/479.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript VueJS异步等待-未定义regeneratorRuntime_Javascript_Vue.js_Async Await - Fatal编程技术网

Javascript VueJS异步等待-未定义regeneratorRuntime

Javascript VueJS异步等待-未定义regeneratorRuntime,javascript,vue.js,async-await,Javascript,Vue.js,Async Await,我正在尝试在我的应用程序中注册一个新用户,但无法有效地检查用户名是否存在-准确地说,“检查”会因“单击”而延迟 以下是我的组件: <template lang="html"> <div class="main"> <tw-navbar></tw-navbar> <div class="container-fluid"> <div class

我正在尝试在我的应用程序中注册一个新用户,但无法有效地检查用户名是否存在-准确地说,“检查”会因“单击”而延迟

以下是我的组件:

<template lang="html">
  <div class="main">
    <tw-navbar></tw-navbar>

    <div class="container-fluid">
     <div class="row">
       <tw-sidebar></tw-sidebar>

         <main role="main" class="col-md-9 ml-sm-auto col-lg-10 px-md-4">
          <div class="d-flex justify-content-between flex-wrap flex-md-nowrap align-items-center pt-3 pb-2 mb-3">
            <div class="container">
              <h1 class="h2">Add new customer</h1>
              <form class="w-50 m-auto">
              <div class="form-group">
                <label for="username">Username</label>
                <input type="username" class="form-control" id="username" placeholder="Enter username"
                        v-model.lazy="customerData.username">
              </div>
              <button type="submit" class="btn btn-primary" @click.prevent="addUser">Add</button>
            </form>
            </div>
          </div>
         </main>
     </div>
    </div>
  </div>
</template>
当我再次按下“添加”按钮时。。它给我(延迟)正确的结果:

Before: 1
After: 1
Inside: 1
当然,如果我更改了用户名(改为不存在的用户名):

在内部,它返回用户名可用,但在应用程序中,用户名似乎已经被使用(这是错误的)

如你所见,内部运作良好,问题是它被称为最后一个


我可能应该实现ASYNC/AWAIT-但这正是我努力的方向..有人能帮我吗?建议我需要做的代码更改?Thx很多

只需安装
核心js
再生器运行时
,并在主条目文件的开头导入它

npm i-S内核-js@latest再生器-runtime@latest
在我的例子中,我添加到
main.js
文件中,因为它是我在网页
entry
键上的主条目文件

//这是babeljs的建议(https://babeljs.io/docs/en/babel-polyfill)
//因为@babel/polifill已被弃用
导入“core js/stable”;
导入“再生器运行时/运行时”;
//也有可能
//导入“核心js”;
//导入“再生器运行时”;
...
//其他进口
我希望这将是有用的。
关于。

只需安装
core js
再生器运行时
,并将其导入主条目文件的开头

npm i-S内核-js@latest再生器-runtime@latest
在我的例子中,我添加到
main.js
文件中,因为它是我在网页
entry
键上的主条目文件

//这是babeljs的建议(https://babeljs.io/docs/en/babel-polyfill)
//因为@babel/polifill已被弃用
导入“core js/stable”;
导入“再生器运行时/运行时”;
//也有可能
//导入“核心js”;
//导入“再生器运行时”;
...
//其他进口
我希望这将是有用的。
问候。

这回答了您的问题吗?嗯,不太清楚..不知道如何在VueJS组件中实现..您可以共享示例代码吗?这回答了您的问题吗?嗯,不太清楚..不知道如何在VueJS组件中实现..您可以共享示例代码吗?
Before: null
After: null
Inside: 1
Before: 1
After: 1
Inside: 1
Before: 1
After: 1
Inside: 0