Question

我创建了一个函数，该函数应将var设置为等于数据中的变量。

export default class App extends Vue{
  data() {
    return {
      evidence: 0
    }
  }
  handleFileSelect(evt: any) {
      var evidence = this.evidence;
  }
};

问题是它显示一条错误消息，提示“类型'App'上不存在属性'证据'。”

Answer 1

在vuejs中，函数应该位于method部分中，您可以在其中使用vue实例中的数据。在detail中阅读。

因此您的代码应如下所示。

<script>
var divsToHide = document.getElementsByClassName("pswp__button pswp__button--share"); //divsToHide is an array
for(var i = 0; i < divsToHide.length; i++){
    divsToHide[i].style.visibility = "hidden"; // or
    divsToHide[i].style.display = "none"; // depending on what you're doing
}
</script>

Answer 2

我不是TypeScript专家，但这应该可以工作。

export default class App extends Vue{
  data() {
    return {
      evidence: 0
    }
  },

  methods: {
     handleFileSelect(evt: any) {
        let evidence = this.evidence;
     }
  }
};

Answer 3

使用vue-class-component中的装饰器：

import { Component, Vue } from "vue-property-decorator";

@Component
export default class App extends Vue {
  evidence = 0
}

无法获取数据中的变量

3 个答案: