element-plus/ssr-testing/cases/dialog.vue
JeremyWuuuuu 3f72ec5818
test(ssr): add ssr testing cases (#6657)
* test(ssr): add ssr testing cases

- Add cases for backtop, badge, breadcrumb, button, calendar
- Fix a issue which caused backtop not SSR renderable

* Update card, carousel cascader test cases

* Add more cases
2022-03-18 11:56:41 +08:00

26 lines
641 B
Vue

<template>
<el-button type="text" @click="dialogVisible = true"
>click to open the Dialog</el-button
>
<el-dialog v-model="dialogVisible" title="Tips" width="30%">
<span>This is a message</span>
<template #footer>
<span class="dialog-footer">
<el-button style="margin-right: 10px" @click="dialogVisible = false"
>Cancel</el-button
>
<el-button type="primary" @click="dialogVisible = false"
>Confirm</el-button
>
</span>
</template>
</el-dialog>
</template>
<script lang="ts" setup>
import { ref } from 'vue'
const dialogVisible = ref(true)
</script>