当前位置:   article > 正文

在vue的data中取值data_vue data里面用data的数据

vue data里面用data的数据

问题:在vue的js里面,让data中的数据如何从data中取值/改变值?

解决如下:
1、现在是,使用中间变量that即可代替this,并且写成return的形式

data() {
    let that = this;
    return {
        visible: false,
        marker: {
           	visible2: that.visible //取值并且复制
            events: {
              click() {	// 这是一个方法
                if (that.visible === true) {
                  that.visible = false  // 改变原来的值
                } else {
                  that.visible = true
                }
              }
            },
    	}
	}
}
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18

2、以前是

data()=>({visible: false,
        marker: {
           	visible2: this.visible //取值并且复制
            events: {
              click() {	// 这是一个方法
                if (this.visible === true) {
                  this.visible = false  // 改变原来的值
                } else {
                  this.visible = true
                }
              }
            },
    	}
})
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15

取值失败的原因:使用this的作用域不够,无法直接取值,将会得到一个undefined的值。也就是说:可能是this已经不是那个this了,不再是vue component所指对象了


已完成。希望我能帮到您!

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/小小林熬夜学编程/article/detail/434691
推荐阅读
相关标签
  

闽ICP备14008679号