vue脚手架在edge浏览器中console.log不执行，但是在chrome中执行，这是为什么

<template>
  <div >
    <input type="button" value="点击" @click="print" />
  </div>
</template>

<script>
export default {
  methods: {
    print() {
      console.log("hello world");
    }
  }
};
</script>

1.

题主打开edge开发工具看下是不是console.log信息没勾上，如下图

img


有可能不小心edge的信息选项被取消勾选了，要不不可能chrome有输出edge没有内核都一样的

看下控制台有没有报错

应该是你用了edge浏览器不支持的代码吧

edge浏览器引入模块，必须给script标签添加type=“module”
参考

28、JavaScript语法（一）：在script标签写export为什么会抛错？_qiao若huan喜的博客-CSDN博客 你好，我是winter，今天我们进入到语法部分的学习。在讲解具体的语法结构之前，这一堂课我首先要给你介绍一下JavaScript语法的一些基本规则。脚本和模块首先，JavaScript有两种源文件，一种叫做脚本，一种叫做模块。这个区分是在ES6引入了模块机制开始的，在ES5和之前的版本中，就只有一种源文件类型（就只有脚本）。脚本是可以由浏览器或者node环境引入执行的，而模块只能由JavaScript代码用import引入执行。从概念上，我们可以认为脚本具有主动性的JavaScript代码段，是控制宿主完. https://blog.csdn.net/qq_46143850/article/details/121966602

如有帮助，请点击我的回答下方的【采纳该答案】按钮帮忙采纳下，谢谢!

img