vue3 props typescript 报错

Question

export default defineComponent({
  props: {
    list: {
      type: Array,
      default: function() {
        return [];
      },
    },
    currentPage: {
      type: Number,
      default: 1,
    },
    lastPage: {
      type: Number,
      default: 1,
    },
  },
  setup(props) {
    console.log(props.currentPage);
    return {};
  },
});

Answer 1

本人尝试一下方式不会报错了：

const { currentPage } = toRefs<any>(props);
console.log(currentPage);

或者给 props 参数指定类型：

setup(props: Props) {
  console.log(props.currentPage);
}

关于 eslint 错误，可以参考文档：
https://eslint.vuejs.org/rule...

Answer 2

应该用PropType对list进行注解，详情见官方文档注解-props