Skip to content

L
link-tools
Commit 283f572f by member
Options

动态参数增加删除

parent f6899040
Showing with 12 additions and 8 deletions
linktools.vue
...@@ -149,7 +149,7 @@ components: {linkId ...@@ -149,7 +149,7 @@ components: {linkId
<tbody> <tbody>
<tr> <tr>
<td> <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 <el-option
v-for="item in h5linkObj.dynamicParaOptions" v-for="item in h5linkObj.dynamicParaOptions"
:key="item.value" :key="item.value"
...@@ -159,7 +159,7 @@ components: {linkId ...@@ -159,7 +159,7 @@ components: {linkId
</el-select> </el-select>
</td> </td>
<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>
<td><el-button type="text" @click.stop="addDynamic()">添加</el-button></td> <td><el-button type="text" @click.stop="addDynamic()">添加</el-button></td>
</tr> </tr>
...@@ -251,7 +251,7 @@ components: {linkId ...@@ -251,7 +251,7 @@ components: {linkId
<tbody> <tbody>
<tr> <tr>
<td> <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 <el-option
v-for="item in h5linkObj.dynamicParaOptions" v-for="item in h5linkObj.dynamicParaOptions"
:key="item.value" :key="item.value"
...@@ -261,7 +261,7 @@ components: {linkId ...@@ -261,7 +261,7 @@ components: {linkId
</el-select> </el-select>
</td> </td>
<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>
<td><el-button type="text" @click.stop="addDynamic()">添加</el-button></td> <td><el-button type="text" @click.stop="addDynamic()">添加</el-button></td>
</tr> </tr>
...@@ -1847,6 +1847,8 @@ export default { ...@@ -1847,6 +1847,8 @@ export default {
// 添加对象到数组中 // 添加对象到数组中
// that.dynamicList.push(that.dynamicRow) // that.dynamicList.push(that.dynamicRow)
this.dynamicRow.value = '';
this.dynamicRow.key = null;
}, },
// 点击编辑 // 点击编辑
......
linktoolspage.vue
...@@ -137,7 +137,7 @@ ...@@ -137,7 +137,7 @@
<td> <td>
<template v-if="!dynamicItem.editAble">{{dynamicItem.key}}</template> <template v-if="!dynamicItem.editAble">{{dynamicItem.key}}</template>
<template v-if="dynamicItem.editAble"> <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 <el-option
v-for="item in h5linkObj.dynamicParaOptions" v-for="item in h5linkObj.dynamicParaOptions"
:key="item.value" :key="item.value"
...@@ -150,7 +150,7 @@ ...@@ -150,7 +150,7 @@
<td> <td>
<template v-if="!dynamicItem.editAble">{{dynamicItem.value}}</template> <template v-if="!dynamicItem.editAble">{{dynamicItem.value}}</template>
<template v-if="dynamicItem.editAble"> <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> </template>
</td> </td>
<td> <td>
...@@ -239,7 +239,7 @@ ...@@ -239,7 +239,7 @@
<td> <td>
<template v-if="!dynamicItem.editAble">{{dynamicItem.key}}</template> <template v-if="!dynamicItem.editAble">{{dynamicItem.key}}</template>
<template v-if="dynamicItem.editAble"> <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 <el-option
v-for="item in h5linkObj.dynamicParaOptions" v-for="item in h5linkObj.dynamicParaOptions"
:key="item.value" :key="item.value"
...@@ -252,7 +252,7 @@ ...@@ -252,7 +252,7 @@
<td> <td>
<template v-if="!dynamicItem.editAble">{{dynamicItem.value}}</template> <template v-if="!dynamicItem.editAble">{{dynamicItem.value}}</template>
<template v-if="dynamicItem.editAble"> <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> </template>
</td> </td>
<td> <td>
...@@ -1816,6 +1816,8 @@ export default { ...@@ -1816,6 +1816,8 @@ export default {
// 添加对象到数组中 // 添加对象到数组中
// that.dynamicList.push(that.dynamicRow) // that.dynamicList.push(that.dynamicRow)
this.dynamicRow.value = '';
this.dynamicRow.key = null;
}, },
// 点击编辑 // 点击编辑
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment