1234567891011121314151617181920212223242526 |
- <template>
- <el-popconfirm
- confirm-button-text="Yes"
- cancel-button-text="No"
- :icon="InfoFilled"
- icon-color="#626AEF"
- title="Are you sure to delete this?"
- @confirm="confirmEvent"
- @cancel="cancelEvent"
- >
- <template #reference>
- <el-button>Delete</el-button>
- </template>
- </el-popconfirm>
- </template>
- <script setup lang="ts">
- import { InfoFilled } from '@element-plus/icons-vue'
- const confirmEvent = () => {
- console.log('confirm!')
- }
- const cancelEvent = () => {
- console.log('cancel!')
- }
- </script>
|