Vue 2迁移到Vue3时v-model语法不兼容出现警告问题的解决方案

<template>
	<!-- 将 value 改为 modelValue -->
	<page-meta :page-style="modelValue ? 'overflow:hidden;height:100vh;position:fixed;' : ''" />
	<view v-if="modelValue">
		<!-- 下面的代码保持不变 -->
		<view class="dialog-model" @click="handleMaskClose" @touchmove.stop.prevent="()=>{}" @wheel.stop.prevent="()=>{}">
            <!-- ... -->

	export default {
		name: "u-dailog",
		// 建议加上 inheritAttrs: false，防止以后传入 class/style 时因多根节点再次报错
		inheritAttrs: false, 
		props: {
			// 将 value 改为 modelValue
			modelValue: {
				type: Boolean,
				default: false
			},
			// ... 其他 props 保持不变
		},
		// 声明 emits (Vue 3 推荐做法)
		emits: ['update:modelValue', 'cancel', 'confirm'],
		data() {
			return {}
		},
		// ... computed 保持不变
		methods: {
			onCancel() {
				// 将 "input" 改为 "update:modelValue"
				this.$emit("update:modelValue", false)
				this.$emit('cancel')
			},
			onConfirm() {
				// 将 "input" 改为 "update:modelValue"
				this.$emit("update:modelValue", false)
				this.$emit('confirm')
			},
			handleMaskClose(){
				this.maskClose && this.onCancel()
			}
		}
	}

<!-- 将 v-model 改为 v-model:value -->
<u-dialog v-model:value="showDialog"></u-dialog>

		methods: {
			onCancel() {
				// 将 "input" 改为 "update:value"
				this.$emit("update:value", false)
				this.$emit('cancel')
			},
			onConfirm() {
				// 将 "input" 改为 "update:value"
				this.$emit("update:value", false)
				this.$emit('confirm')
			},
			handleMaskClose(){
				this.maskClose && this.onCancel()
			}
		}