diff --git a/src/frontend/devops-pipeline/src/components/atomFormField/VuexTextarea/index.vue b/src/frontend/devops-pipeline/src/components/atomFormField/VuexTextarea/index.vue
index f92b50e981d5..a662e98ccb51 100755
--- a/src/frontend/devops-pipeline/src/components/atomFormField/VuexTextarea/index.vue
+++ b/src/frontend/devops-pipeline/src/components/atomFormField/VuexTextarea/index.vue
@@ -1,4 +1,5 @@
 <script>
+    import { string } from 'yaml/dist/schema/common/string'
     import atomFieldMixin from '../atomFieldMixin'
     export default {
         name: 'vuex-textarea',
@@ -11,6 +12,10 @@
             hoverUnfold: {
                 type: Boolean,
                 default: false
+            },
+            maxlength: {
+                type: string,
+                default: ''
             }
         },
         methods: {
@@ -28,7 +33,7 @@
             }
         },
         render (h) {
-            const { value, readOnly, handleInput, name, handleBlur, title, clickUnfold, hoverUnfold, placeholder, disabled } = this
+            const { value, readOnly, handleInput, name, handleBlur, title, clickUnfold, hoverUnfold, placeholder, disabled, maxlength } = this
             return (
                 <textarea
                     placeholder={placeholder}
@@ -39,6 +44,7 @@
                     name={name}
                     disabled={readOnly || disabled}
                     value={value}
+                    maxlength={maxlength}
                 />
             )
         }
diff --git a/src/frontend/devops-pipeline/src/components/pipelineSetting/BaseInfo.vue b/src/frontend/devops-pipeline/src/components/pipelineSetting/BaseInfo.vue
index 12f9f562ad92..a27dab8be9f4 100755
--- a/src/frontend/devops-pipeline/src/components/pipelineSetting/BaseInfo.vue
+++ b/src/frontend/devops-pipeline/src/components/pipelineSetting/BaseInfo.vue
@@ -86,6 +86,7 @@
                     :disabled="!editable"
                     name="desc"
                     :value="pipelineSetting.desc"
+                    maxlength="100"
                     :placeholder="$t('pipelineDescInputTips')"
                     v-validate.initial="'max:100'"
                     :handle-change="handleBaseInfoChange"