zoukankan      html  css  js  c++  java
  • vue邪道玩法 : 把vue实例存在别的地方,以及可能会遇到的问题

    一般来说,VUE项目中,this指向VUE实例。

    但有的时候,某些代码会改变this的指向。

    这时,可以用一个临时变量存储VUE实例。

    test1(){
    var _this = this // 把vue实例的引用存一份
    var arr = [imageObject,imageObject,imageObject] for (let i in arr) { arr[i].onload = function() {/* 此时的this指向被改变了 */} } }

    但有时,你可能不得不在一开始就存一份vue实例的引用。

    你可以在 created 阶段 

    window._this = this

    然后在 beforeDestroy 阶段

    window._this = null

    那么问题来了:如果父组件和子组件都声明了 

    window._this = this 

    会怎样?回答:你的父组件的引用很可能会被子组件覆写。即,在父组件使用 _this 的时候,所指的会是子组件的VUE实例。

    那怎么办呢?

    你可以在父组件里声明一个对象,用来存储子组件的引用。

    this.CHILD_VM = {
      key1:CHILD_VM_1, // 子组件 1 的VUE实例的引用
      key2:CHILD_VM_2, // 子组件 2 的VUE实例的引用
    }

    而在子组件中把存引用的代码改成:

    _this.CHILD_VM.key1 = this

    以上。

  • 相关阅读:
    HTML标签
    Web标准
    Web服务器 (获取域名)
    网站favicon.ico 图标
    模块化
    外边距
    h5css产品模块设计
    用策略模式(自定义注解+包扫描)解决if else 太多的问题
    方法区 永久代 元空间 常量池
    javac jar java
  • 原文地址:https://www.cnblogs.com/foxcharon/p/11073342.html
Copyright © 2011-2022 走看看