动态参数增加删除

linktools.vue

@@ -149,7 +149,7 @@ components: {linkId
               <tbody>
                 <tr>
                   <td>
-                    <el-select size="small" class="dynamic-param-select" v-model="dynamicRow.key" placeholder="请选择参数" @change="dynamicChange($event)">
+                    <el-select size="small" class="dynamic-param-select" v-model="dynamicRow.key" clearable placeholder="请选择参数" @change="dynamicChange($event)">
                       <el-option
                       v-for="item in h5linkObj.dynamicParaOptions"
                       :key="item.value"
@@ -159,7 +159,7 @@ components: {linkId
                     </el-select>
                   </td>
                   <td>
-                    <el-input size="small" class="h5-el-input" v-model="dynamicRow.value" type="text" @keyup.native="(value) => dynamicBlur(value)" placeholder="请输入参数"></el-input>
+                    <el-input size="small" class="h5-el-input" v-model="dynamicRow.value" type="text" clearable @keyup.native="(value) => dynamicBlur(value)" placeholder="请输入参数"></el-input>
                   </td>
                   <td><el-button type="text" @click.stop="addDynamic()">添加</el-button></td>
                 </tr>
@@ -251,7 +251,7 @@ components: {linkId
               <tbody>
                 <tr>
                   <td>
-                    <el-select size="small" class="dynamic-param-select" v-model="dynamicRow.key" placeholder="请选择参数" @change="dynamicChange($event)">
+                    <el-select size="small" class="dynamic-param-select" v-model="dynamicRow.key" clearable placeholder="请选择参数" @change="dynamicChange($event)">
                       <el-option
                       v-for="item in h5linkObj.dynamicParaOptions"
                       :key="item.value"
@@ -261,7 +261,7 @@ components: {linkId
                     </el-select>
                   </td>
                   <td>
-                    <el-input size="small" class="h5-el-input" v-model="dynamicRow.value" type="text" @keyup.native="(value) => dynamicBlur(value)" placeholder="请输入参数"></el-input>
+                    <el-input size="small" class="h5-el-input" v-model="dynamicRow.value" type="text" clearable @keyup.native="(value) => dynamicBlur(value)" placeholder="请输入参数"></el-input>
                   </td>
                   <td><el-button type="text" @click.stop="addDynamic()">添加</el-button></td>
                 </tr>
@@ -1847,6 +1847,8 @@ export default {
 
       // 添加对象到数组中
       // that.dynamicList.push(that.dynamicRow)
+      this.dynamicRow.value = '';
+      this.dynamicRow.key = null;
     },
 
     //  点击编辑

linktoolspage.vue

@@ -137,7 +137,7 @@
                     <td>
                       <template v-if="!dynamicItem.editAble">{{dynamicItem.key}}</template>
                       <template v-if="dynamicItem.editAble">
-                        <el-select size="small" class="dynamic-param-select" v-model="dynamicItem.selectKey" placeholder="请选择参数">
+                        <el-select size="small" class="dynamic-param-select" clearable v-model="dynamicItem.selectKey" placeholder="请选择参数">
                           <el-option
                           v-for="item in h5linkObj.dynamicParaOptions"
                           :key="item.value"
@@ -150,7 +150,7 @@
                     <td>
                       <template v-if="!dynamicItem.editAble">{{dynamicItem.value}}</template>
                       <template v-if="dynamicItem.editAble">
-                         <el-input size="small" class="h5-el-input" v-model="dynamicItem.inputValue" type="text" placeholder="请输入参数"></el-input>
+                         <el-input size="small" class="h5-el-input" v-model="dynamicItem.inputValue" clearable type="text" placeholder="请输入参数"></el-input>
                       </template>
                     </td>
                     <td>
@@ -239,7 +239,7 @@
                     <td>
                       <template v-if="!dynamicItem.editAble">{{dynamicItem.key}}</template>
                       <template v-if="dynamicItem.editAble">
-                        <el-select size="small" class="dynamic-param-select" v-model="dynamicItem.selectKey" placeholder="请选择参数">
+                        <el-select size="small" class="dynamic-param-select" v-model="dynamicItem.selectKey" clearable placeholder="请选择参数">
                           <el-option
                           v-for="item in h5linkObj.dynamicParaOptions"
                           :key="item.value"
@@ -252,7 +252,7 @@
                     <td>
                       <template v-if="!dynamicItem.editAble">{{dynamicItem.value}}</template>
                       <template v-if="dynamicItem.editAble">
-                         <el-input size="small" class="h5-el-input" v-model="dynamicItem.inputValue" type="text" placeholder="请输入参数"></el-input>
+                         <el-input size="small" class="h5-el-input" v-model="dynamicItem.inputValue" clearable type="text" placeholder="请输入参数"></el-input>
                       </template>
                     </td>
                     <td>
@@ -1816,6 +1816,8 @@ export default {
 
       // 添加对象到数组中
       // that.dynamicList.push(that.dynamicRow)
+      this.dynamicRow.value = '';
+      this.dynamicRow.key = null;
     },
 
     //  点击编辑