uniapp输入框后添加按钮

UniApp 提供了一个便捷的方式来创建输入框并附加功能按钮。在 UniForm 组件中，你可以创建一个 Input 组件用于用户输入，并添加 Button 组件作为辅助工具。以下是一个基本的例子：

<template>
  <uni-form ref="form" :model="formData">
    <!-- 创建一个输入框 -->
    <uni-input placeholder="请输入内容" v-model="formData.inputValue"></uni-input>

    <!-- 创建一个提交按钮 -->
    <uni-button type="primary" @click="submit">提交</uni-button>
  </uni-form>
</template>

<script>
export default {
  data() {
    return {
      formData: {
        inputValue: '',
      },
    };
  },
  methods: {
    // 当点击提交按钮时触发的事件处理函数
    submit() {
      console.log('用户输入:', this.formData.inputValue);
      // 这里可以进一步操作输入数据或者发送请求等
    },
  },
};
</script>

在这个例子中，`uni-input` 是输入框组件，用户可以在其中输入文本，`uni-button` 是提交按钮，点击后会触发 `submit` 方法，显示用户的输入或者执行其他业务逻辑。