SOURCE

<link rel="stylesheet" href="//cdn.jsdelivr.net/npm/element-plus/dist/index.css"/>
<script src="//cdn.jsdelivr.net/npm/vue@3"></script>
<script src="//cdn.jsdelivr.net/npm/element-plus"></script>
<div id="app">
    <el-button @click="dialogTableVisible = true">open a Table nested Dialog</el-button>

    <el-dialog v-model="dialogTableVisible" title="Shipping address">
        <el-table :data="gridData">
            <el-table-column property="date" label="Date" width="150" />
            <el-table-column property="name" label="Name" width="200" />
            <el-table-column property="address" label="Address" />
        </el-table>
    </el-dialog>
</div>

<script setup>
    const { createApp, reactive, ref } = Vue;
    const dialogTableVisible = ref(false)
    const App = {
        data(){
            return {
                orgList: [],
                normal: [],
                keyword: '',
                dialogVisible: false,
                popTetle: '',
            };
        },
        created(){
        },
        methods:{
            pop_Price(){
                this.dialogVisible = true
            },
        }
    };
    const app = createApp(App).use(ElementPlus).mount('#app');
    /*const app = Vue.createApp(App);
    app.use(ElementPlus);
    app.mount("#app");*/
</script>