From dec0e3047afc71e757a50e5210b5483a26814be2 Mon Sep 17 00:00:00 2001
From: Alyar <Alyar666@users.noreply.github.com>
Date: Thu, 9 Jun 2022 01:09:14 +0300
Subject: [PATCH] DataGrid: Fix Cell Editing and Editing API demo for Vue 2
 (T1090974) (#1897)

---
 .../DataGrid/CellEditingAndEditingAPI/Vue/App.vue  | 14 ++++++++------
 1 file changed, 8 insertions(+), 6 deletions(-)

diff --git a/JSDemos/Demos/DataGrid/CellEditingAndEditingAPI/Vue/App.vue b/JSDemos/Demos/DataGrid/CellEditingAndEditingAPI/Vue/App.vue
index ba09266a5eb..2ade6da39e3 100644
--- a/JSDemos/Demos/DataGrid/CellEditingAndEditingAPI/Vue/App.vue
+++ b/JSDemos/Demos/DataGrid/CellEditingAndEditingAPI/Vue/App.vue
@@ -51,12 +51,14 @@
           show-text="always"
         />
         <DxItem location="after">
-          <DxButton
-            @click="deleteRecords()"
-            :disabled="!selectedItemKeys.length"
-            icon="trash"
-            text="Delete Selected Records"
-          />
+          <template #default>
+            <DxButton
+              @click="deleteRecords()"
+              :disabled="!selectedItemKeys.length"
+              icon="trash"
+              text="Delete Selected Records"
+            />
+          </template>
         </DxItem>
       </DxToolbar>
     </DxDataGrid>