ComfirmDialog.js 1002 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344
  1. {
  2. /* <template>
  3. <div>
  4. <button @click="showDialog">删除项目</button>
  5. <ConfirmDialog
  6. :visible.sync="dialogVisible"
  7. title="确认删除"
  8. message="您确定要删除这个项目吗?"
  9. confirmText="删除"
  10. :onConfirm="handleDelete"
  11. :onCancel="handleCancel"
  12. />
  13. </div>
  14. </template>
  15. <script>
  16. import ConfirmDialog from './ConfirmDialog.vue';
  17. export default {
  18. components: {
  19. ConfirmDialog
  20. },
  21. data() {
  22. return {
  23. dialogVisible: false
  24. };
  25. },
  26. methods: {
  27. showDialog() {
  28. this.dialogVisible = true;
  29. },
  30. handleDelete() {
  31. // 执行删除操作
  32. console.log('项目已删除');
  33. // 可以在这里调用 API 或其他逻辑
  34. },
  35. handleCancel() {
  36. // 取消操作
  37. console.log('删除已取消');
  38. }
  39. }
  40. };
  41. </script> */
  42. }