搜索内容

有一个问题？

如果您有任何疑问，可以在下面询问或输入您要寻找的！

Vue中methods使用data的疑问

技术聚客 未结
关注
2 2109
曾经对你的执着
曾经对你的执着 2021-01-30 17:27

代码是这样的,在data中定义了一个名为AnimatorChoices的属性并设置为false

data() { return { AnimatorChoices: false } },

在methods中打印

methods: { upOptions() { console.log(this.AnimatorChoices) //这里输出false onscroll = function () { let height = document.body.scrollTop || document.documentElement.scrollTop; if (height > 80) { console.log(this.AnimatorChoices) //这里输出为什么为undefined this.AnimatorChoices = true; console.log(this.AnimatorChoices) } } } },

方法在created声明周期函数中调用

created() { this.upOptions() }

为什么会输出undefined

 

相关标签:
2条回答
  • oJiuJieZhong
    2021-01-30 17:32

    你在upOptions方法里面又建了一个方法onscroll， 此时onscroll的this不是当前vue对象。

    简单理解就是method的中的单层方法才可以直接调用data。

    解决方法一：使用回调函数

    解决方法二：that=this

    0 讨论(0)
  • Scorpio_m7
    2021-01-30 17:56

    this应该不是一个对象

    0 讨论(0)
 看不清?
提交回复

热议问题

财税工商问题有疑问？ 马上联系在线客服
广告合作方 广告申请
whatsns-fly响应式模板下载

近期文章