Javascript 在Microsoft Edge中,Vue出现网页错误!它在其他浏览器中运行良好。什么&x2019;问题出在哪里?

Javascript 在Microsoft Edge中,Vue出现网页错误!它在其他浏览器中运行良好。什么&x2019;问题出在哪里?,javascript,vue.js,vuejs2,vue-component,microsoft-edge,Javascript,Vue.js,Vuejs2,Vue Component,Microsoft Edge,我的vue版本:2.1.10 [Vue警告]: 呈现中出错:“TypeError:无法获取未定义或空引用的属性“Product” (在根目录中找到> TypeError:无法获取未定义或空引用的属性“Product” [Vue警告]: 属性或方法“*this*”未在实例上定义,但在呈现过程中被引用。请通过初始化属性,确保此属性在数据选项中或对于基于类的组件是被动的。请参阅: (在Root>中找到) [Vue警告]: 呈现中出错:“TypeError:无法获取未定义或空引用的属性'order_i

我的vue版本:2.1.10

[Vue警告]:

呈现中出错:“TypeError:无法获取未定义或空引用的属性“Product”

(在根目录中找到>

TypeError:无法获取未定义或空引用的属性“Product”

[Vue警告]:

属性或方法“*this*”未在实例上定义,但在呈现过程中被引用。请通过初始化属性,确保此属性在数据选项中或对于基于类的组件是被动的。请参阅:

(在Root>中找到)

[Vue警告]:

呈现中出错:“TypeError:无法获取未定义或空引用的属性'order_id'”

(在Root>中找到)

TypeError:无法获取未定义或空引用的属性“order_id”


我遇到了类似的问题。在我的例子中,这是因为我通过
this
引用了内联模板组件中的对象

示例:

my-details.js

index.php


...
...
...
在我修复它之后,错误消失了

index.php

。。。
...
...

检查
this
上的模板文档时,我遇到了类似的问题。在我的情况下,这是因为我通过
this
引用了内联模板组件中的对象

示例:

my-details.js

index.php


...
...
...
在我修复它之后,错误消失了

index.php

。。。
...
...

检查此上的模板文档

尝试提供示例代码和产生问题的详细步骤。只有错误消息,我们无法确定实际问题以及它是否与MS Edge或Vue相关。尝试提供示例代码和产生问题的详细步骤。只有错误消息,我们无法确定w这就是实际问题所在,它是否与MS Edge或Vue有关。如果在删除所有
后控制台中不断出现错误,则可以找到,关闭Edge并再次打开它。如果在删除所有
后控制台中不断出现错误,则可以找到,关闭Edge并再次打开它。
export default Vue.component('myDetails', {
  data() {
   forms: {...},
   countryCodes: {
     1: '7',
     2: '380',
     3: '375',
     4: '77',
     5: '994',
     6: '374',
     7: '995',
     8: '972',
     9: '1',
     10: '1',
     11: '996'
   },
  }
});
<section class="my-details h-base-type" inline-template is="myDetails">
  ...
  <div v-if="codeValid || countryCodes[this.forms.company.country_id] !== '7'">...</div>
  ...
</section>
  ...
  <div v-if="codeValid || countryCodes[forms.company.country_id] !== '7'">...</div>
  ...