今天使用vue3写前端代码时用到一个功能，要求点击按钮跳出对话框，原来代码是这样

<el-dialog
    title="编辑公告"
    :visible.sync="dialogVisible"
    width="30%"
    @close="resetForm"
>

运行时点击按钮无反应，使用log输出显示对话框是可见的（true）,但是界面中不显示，后面找到了解决方法，将:visible.sync改为v-model即可。

<el-dialog
    title="编辑公告"
    v-model="dialogVisible"
    width="30%"
    @close="resetForm"
>