Welcome to OStack Knowledge Sharing Community for programmer and developer-Open, Learning and Share
Welcome To Ask or Share your Answers For Others

Categories

0 votes
4.1k views
in Technique[技术] by (71.8m points)

vue3 props typescript 报错

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 {};
  },
});

image


与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome To Ask or Share your Answers For Others

1 Answer

0 votes
by (71.8m points)

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

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

或者给 props 参数指定类型:

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

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


与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome to OStack Knowledge Sharing Community for programmer and developer-Open, Learning and Share
Click Here to Ask a Question

...