为什么没有网络请求?

来源:2-12 vue如何异步加载组件

Liiiu

2021-12-15 18:06:55

<template>
  <div>
    <FormDemo v-if="showFormDemo"/>
    <button @click="showFormDemo = true">show form demo</button>
  </div>
</template>

<script>
export default {
  name: "Async",
  components: {
    FormDemo: () => import("../BaseUse/FormDemo")
  },
  data() {
    return {
      showFormDemo: false
    }
  }
}
</script>


刚进页面加载

https://img.mukewang.com/climg/61b9be11095ca12c07940468.jpg

点击按钮后同样结果,但是表单已经加载出来了

写回答

1回答

好帮手慕慕子

2021-12-15

同学你好,将粘贴的代码放到源码中测试,点击按钮后是有网络请求的,建议同学参考如下操作再测试下:

1、页面加载后,打开控制台,调到NetWork选项,点击下图圈起来的按钮,清空所有的请求

https://img.mukewang.com/climg/61b9c1b109a1af3119170968.jpg

2、点击页面中的按钮,加载组件,查看此时的请求,如下:

https://img.mukewang.com/climg/61b9c1790938f09f13660765.jpg

祝学习愉快~

0

0 学习 · 15276 问题

查看课程