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
}
})

浙公网安备 33010602011771号