TypeScript报错：Property 'number' does not exist on type ...

Question

我刚开始接触TS，在vue项目中使用了TS，编译时控制台报出如图错误，自己没有成功解决，希望大神们能指点一下，感激不尽~

<template>
  <div id="regist">
    
  </div>
</template>

<script lang="ts">
import StepDevice from "@/components/regist/stepDevice.vue";

export default {
  name: "Regist",
  components: { StepDevice },
  data() {
    return {
      isCorrect: true,
      state: [
        { num: 1, title: "验证手机号" },
        { num: 2, title: "填写帐号信息" },
        { num: 3, title: "注册成功" }
      ],
      number: 0,
      btnText: "下一步"
    };
  },
  methods: {
    btnNext(index: any) {
      this.number = this.number + 1;
      if (this.number == 2) {
        this.btnText = "完成";
      }
      if (this.btnText == "完成") {
        this.$router.push({ path: "/" });
      }
    },
    smallrouter(index: any) {
      if (this.number == 1) {
        this.number = index;
        this.btnText = "下一步";
      } else if (this.number == 2) {
        this.number = index;
        this.btnText = "下一步";
      }
    }
  }
};
</script>

<style lang="scss" scoped>

</style>

Answer 1

楼主，参考下vue-element-admin-ts