为什么在使用Vue.JS时Microsoft Edge无法识别对象的“ this *”指针？

Question

Microsoft Edge在Vue.JS中无法使用“ this *”指针识别，并且出现此错误：

[Vue警告]：属性或方法“ this ”未在实例上定义，但在渲染期间被引用。通过初始化属性，确保在data选项中或对于基于类的组件，此属性都是反应性的。参见：https://vuejs.org/v2/guide/reactivity.html#Declaring-Reactive-Properties。

关键字“ this ”用于指向其放置的类的对象，它是Vue中的保留关键字，但MS Edge无法识别并将其定义为我自己定义的对象。

如何为MS Edge浏览器解决此问题？谢谢。

Example of using "this" in code

Answer 1

我自己遇到了这个问题，发现错误仅发生在未缩小版本https://unpkg.com/vue@2.5.17/dist/vue.js中，而在https://unpkg.com/vue@2.5.17/dist/vue.min.js中消失了。而且只会在Microsoft Edge中发生！

我只是想出了什么对我有用。当您的模板中有this引用数据时，就会发生这种情况。例如，下面的代码有this.selectedImages，我只是删除了this，错误消失了。希望这会有所帮助。

<v-btn @click="editImages"
       color="info"
       v-show="this.selectedImages.length > 0">
            Edit
</v-btn>