uniapp 通过按钮删除input框

您可以通过以下步骤来实现通过按钮删除input框的功能：

1. 在 `template` 中添加一个包含 `input` 和 `button` 的表单：

<template>
  <form>
    <input v-model="inputValue" type="text" placeholder="请输入内容" />
    <button @click.prevent="deleteInput">删除</button>
  </form>
</template>

2. 在 `script` 中定义 `inputValue` 和 `deleteInput` 方法：

<script>
export default {
  data() {
    return {
      inputValue: ''
    }
  },
  methods: {
    deleteInput() {
      this.inputValue = ''
    }
  }
}
</script>

3. 当用户单击删除按钮时，`deleteInput` 方法将清空 `input` 中的值。

注意：如果您想在不使用表单的情况下实现此功能，您可以使用一个 `div` 元素和一个 `button` 元素，然后在 `deleteInput` 方法中使用 JavaScript 操作来清空 `div` 元素的内容。

相关问题

uniapp 通过按钮增加和删除input框

你可以使用v-for指令和一个数组来实现动态添加和删除input框。

首先，你需要在data中定义一个数组，用来存储input框的数量：

data() {
  return {
    inputList: [1]
  }
}

然后，在页面中使用v-for指令，将数组中的每个元素都渲染成一个input框：

<template>
  <div>
    <div v-for="(item, index) in inputList" :key="index">
      <input type="text">
    </div>
    <<button @click="addInput">添加</button>
    <button @click="removeInput">删除</button>
  </div>
</template>

接下来，你需要在methods中定义两个方法，用来增加和删除input框：

methods: {
  addInput() {
    this.inputList.push(1);
  },
  removeInput() {
    if(this.inputList.length > 1) {
      this.inputList.pop();
    }
  }
}

点击“添加”按钮，可以调用addInput方法，将一个元素添加到数组中，从而增加一个input框。点击“删除”按钮，可以调用removeInput方法，将数组中的最后一个元素删除，从而删除最后一个input框。需要注意的是，删除操作只有在数组中至少存在一个元素时才能执行。

uniapp 增加一行input 减少input

感谢您的提问！不过我需要进一步明确您的问题。

如果您是想问如何在uniapp中添加一个输入框（input），您可以在需要添加输入框的页面中使用uni-app提供的input组件，在template中添加如下代码：

<template>
  <view>
    <input placeholder="请输入内容"></input>
  </view>
</template>

如果您是想问如何动态增加或减少输入框，您可以使用v-for指令结合数组来实现。例如，以下代码会动态渲染一个数组中的输入框：

<template>
  <view>
    <input v-for="(item, index) in inputList" :key="index" placeholder="请输入内容"></input>
  </view>
</template>
<script>
  export default {
    data() {
      return {
        inputList: ['', ''] // 初始渲染两个输入框
      }
    },
    methods: {
      addInput() {
        this.inputList.push(''); // 点击添加按钮，增加一个输入框
      },
      removeInput(index) {
        this.inputList.splice(index, 1); // 点击删除按钮，移除对应的输入框
      }
    }
  }
</script>

希望能够帮到您！