fix: avoid directives on non-element roots

Author: ssongliu

frontend/src/components/system-upgrade/upgrade/index.vue

@@ -15,7 +15,9 @@
                     {{ upgradeInfo.testVersion }}
                 </el-radio>
             </el-radio-group>
-            <MarkDownEditor v-loading="loading" :content="upgradeInfo.releaseNote" />
+            <div v-loading="loading">
+                <MarkDownEditor :content="upgradeInfo.releaseNote" />
+            </div>
         </div>
         <template #footer>
             <span class="dialog-footer">

frontend/src/layout/components/Sidebar/components/user-info/index.vue

@@ -1,5 +1,5 @@
 <template>
-    <DrawerPro v-model="open" :header="$t('xpack.user.userInfo')" v-loading="loading">
+    <DrawerPro v-model="open" :header="$t('xpack.user.userInfo')">
         <div v-loading="loading">
             <el-form ref="userRef" label-position="top" :model="form" :rules="userRules">
                 <input

frontend/src/views/database/redis/setting/index.vue

@@ -62,7 +62,9 @@
                         </el-col>
                     </el-row>
                 </div>
-                <Status v-show="activeName === 'status'" ref="statusRef" />
+                <div v-show="activeName === 'status'">
+                    <Status ref="statusRef" />
+                </div>
                 <div v-if="activeName === 'tuning'">
                     <el-form :model="form" ref="formRef" :rules="rules" label-position="top">
                         <el-row class="mt-10">
@@ -110,7 +112,9 @@
                         </el-row>
                     </el-form>
                 </div>
-                <Persistence @loading="changeLoading" v-show="activeName === 'persistence'" ref="persistenceRef" />
+                <div v-show="activeName === 'persistence'">
+                    <Persistence @loading="changeLoading" ref="persistenceRef" />
+                </div>
             </template>
         </LayoutContent>