diff --git a/core/frontend/src/views/chart/components/ChartTitleUpdate.vue b/core/frontend/src/views/chart/components/ChartTitleUpdate.vue
index 6cc6249d10..499dfa9ca1 100644
--- a/core/frontend/src/views/chart/components/ChartTitleUpdate.vue
+++ b/core/frontend/src/views/chart/components/ChartTitleUpdate.vue
@@ -6,7 +6,7 @@
   >
     <input
       ref="chartTitle"
-      v-model="chartTitleUpdate"
+      v-model.trim="chartTitleUpdate"
       type="text"
       :style="inputStyle"
       class="chart-input-title"
diff --git a/core/frontend/src/views/chart/components/componentStyle/TitleSelector.vue b/core/frontend/src/views/chart/components/componentStyle/TitleSelector.vue
index 0bdd1ea726..70a67f0014 100644
--- a/core/frontend/src/views/chart/components/componentStyle/TitleSelector.vue
+++ b/core/frontend/src/views/chart/components/componentStyle/TitleSelector.vue
@@ -25,7 +25,7 @@
             class="form-item"
           >
             <el-input
-              v-model="titleForm.title"
+              v-model.trim="titleForm.title"
               size="mini"
               :placeholder="$t('chart.title')"
               clearable
diff --git a/core/frontend/src/views/chart/components/componentStyle/TitleSelectorAntV.vue b/core/frontend/src/views/chart/components/componentStyle/TitleSelectorAntV.vue
index 96d280e3da..cb9efa1223 100644
--- a/core/frontend/src/views/chart/components/componentStyle/TitleSelectorAntV.vue
+++ b/core/frontend/src/views/chart/components/componentStyle/TitleSelectorAntV.vue
@@ -26,7 +26,7 @@
             class="form-item"
           >
             <el-input
-              v-model="titleForm.title"
+              v-model.trim="titleForm.title"
               size="mini"
               :placeholder="$t('chart.title')"
               clearable
diff --git a/core/frontend/src/views/panel/list/PanelList.vue b/core/frontend/src/views/panel/list/PanelList.vue
index 32e6496c92..653f38614d 100644
--- a/core/frontend/src/views/panel/list/PanelList.vue
+++ b/core/frontend/src/views/panel/list/PanelList.vue
@@ -334,7 +334,7 @@
             :label="$t('commons.name')"
             prop="name"
           >
-            <el-input v-model="groupForm.name" />
+            <el-input v-model.trim="groupForm.name" />
           </el-form-item>
         </el-form>
         <div
diff --git a/core/frontend/src/views/panel/list/editPanel/index.vue b/core/frontend/src/views/panel/list/editPanel/index.vue
index 27c89fc0e8..189f152407 100644
--- a/core/frontend/src/views/panel/list/editPanel/index.vue
+++ b/core/frontend/src/views/panel/list/editPanel/index.vue
@@ -47,7 +47,7 @@
       <el-col :span="4">{{ editPanel.titleSuf }}{{ $t('commons.name') }}</el-col>
       <el-col :span="20">
         <el-input
-          v-model="editPanel.panelInfo.name"
+          v-model.trim="editPanel.panelInfo.name"
           clearable
           size="mini"
         />