带参数跳转页面 同步DB

src/views/dbconfig/sync.vue

@@ -3,12 +3,12 @@
     <div class="app-container" style="width:1000px; margin:0 auto;">
       <el-form ref="dataForm" :inline="true" :rules="rules" :model="temp" label-width="150px" style="margin-bottom:15px">
         <el-form-item label="Namespace" prop="namespace">
-          <el-select :disabled="disableBool" v-model="temp.namespace" style="width:310px" placeholder="要同步数据库的环境">
+          <el-select v-model="temp.namespace" style="width:310px" placeholder="要同步数据库的环境" clearable>
             <el-option v-for="item in namespaces" :value="item" :label="item" :key="item" />
           </el-select>
         </el-form-item>
         <el-form-item label="数据库名称" prop="dbname">
-          <el-select :disabled="disableBool" v-model="temp.dbname" placeholder="要同步表结构及配置数据的数据库名称" style="width:310px">
+          <el-select :disabled="disableBool" v-model="temp.dbname" clearable placeholder="要同步表结构及配置数据的数据库名称" style="width:310px">
             <el-option v-for="item in dbnames" :value="item" :label="item" :key="item" />
           </el-select>
         </el-form-item>
@@ -60,6 +60,8 @@ export default {
       dbname: undefined,
       dbnames: [],
       temp: {
+        namespace: '',
+        dbname: '',
         not_delete_business_data: true,
         use_cache: true
       },
@@ -75,6 +77,7 @@ export default {
   watch: {
   },
   created() {
+    this.temp.namespace = this.$route.query.namespace === undefined ? '' : this.$route.query.namespace
     this.getNamespace()
     this.getDBName()
   },