vue3中的父子传值(使用setup语法糖的情况)

// 子组件触发父组件的方法
const emit = defineEmits(["back", 'go']);

const go:() => void = () => {
  emit('go', porps.currentPage+1)
}
const back:() => void = () => {
  emit('back', porps.currentPage-1)
}


// 在父组件中使用
// <Page :currentPage="currentPage" @go="go" @back ="back" :total="total" :isDisable="isDisable"/>

// 子组件接受父组件传过来的值
const porps = defineProps({
  currentPage: {
    type: Number,
    default: 1
  },
  total: {
    type: Number,
    default: 0
  },
  isDisable: {
    type: Boolean,
    default: false
  }
})

posted @ 2022-03-18 17:20  Life_countdown  阅读(488)  评论(0)    收藏  举报