问答

vue 多层对象嵌套 导致this指向错误

作者:admin 2021-07-06 我要评论

option1 和 echartData 定义在data中 如下图 option1 子属性 series.data 想引用 echartData 但是这个时候的 this 不是指向 vue 实例的 问题:怎么正确的获取到 ...

在说正事之前,我要推荐一个福利:你还在原价购买阿里云、腾讯云、华为云服务器吗?那太亏啦!来这里,新购、升级、续费都打折,能够为您省60%的钱呢!2核4G企业级云服务器低至69元/年,点击进去看看吧>>>)

option1echartData 定义在data中

如下图 option1 子属性 series.data 想引用 echartData
但是这个时候的 this 不是指向 vue 实例的

问题:怎么正确的获取到 this.echartData

image.png

image.png

###

可以吧option1定义为计算属性

###

这种情景不适用this,可以把echartData提取出来单独定义,就能实现多处引用了

data() {
  const echartData = {};
  
  return {
    echartData,
    option1: {
      series: [
        {
          data: echartData,
        },
      ],
    },
  };
},

版权声明:本文转载自网络,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。本站转载出于传播更多优秀技术知识之目的,如有侵权请联系QQ/微信:153890879删除

相关文章
  • vue 多层对象嵌套 导致this指向错误

    vue 多层对象嵌套 导致this指向错误

  • vue一键全点击 点击按钮 将表格里循环

    vue一键全点击 点击按钮 将表格里循环

  • 如何在 windows 上测试 JavaScriptCore

    如何在 windows 上测试 JavaScriptCore

  • promise all 会受 chrome 6个http的限

    promise all 会受 chrome 6个http的限

腾讯云代理商
海外云服务器