父组件:
//template
<Pagination
v-model:page-index="pageIndex"
/>
//script setup
//使用watch监视v-model绑定的响应式ref
watch(pageIndex,()=>{
//相关逻辑
});
子组件:
defineProps<{
//当前页码
pageIndex: number;
}>();
const emit = defineEmits(['update:pageIndex']);
function handleChangePage(val: number) {
emit('update:pageIndex', val);
}
本文介绍了在Vue.js中,如何在父组件和子组件之间通过v-model进行数据绑定,并利用watch函数监听变化,以及如何通过自定义事件实现子组件更新父组件页码的实例。
2193

被折叠的 条评论
为什么被折叠?



