Prompt：高效用户交互的秘密武器

uni-app添加prompt组件——能输入文本的提示框
在uni-app中，Prompt组件是一种非常实用的组件，它可以创建一个能够输入文本的提示框。这个组件能够在用户点击某个按钮或链接时显示出来，让用户输入一些信息，然后根据用户输入的内容执行相应的操作。
下面是一个基本的uni-app Prompt组件的使用示例。
首先，在你的vue文件中，你需要引入uni-prompt模块，并注册一个prompt实例。

import { Prompt } from 'uni-platform';
export default {
methods: {
showPrompt() {
const prompt = new Prompt({
title: '提示',
text: '请输入文本',
inputType: 'text', // input 类型：text，null，密码等
placeholder: '请输入内容',
});
prompt.then(res => {
console.log(res.text); // 用户输入的文本
// 用户点击确定按钮后执行的代码
});
prompt.catch(err => {
console.log(err); // 用户点击取消按钮后执行的代码，err 为 then 的拒绝原因
});
},
},
};

在上面的代码中，我们创建了一个新的Prompt实例，然后指定了提示框的标题（title），文本输入框的提示文字（placeholder），以及输入框的类型（inputType）。在这个例子中，我们设置了inputType为'text'，这意味着用户可以输入普通的文本。
然后，我们使用then和catch方法来处理用户的行为。当用户点击确定按钮时，then方法会被调用，其中res.text是用户输入的文本。如果用户点击取消按钮，catch方法会被调用，并且你可以在这里处理取消操作。
在HTML模板中，我们将一个按钮链接到showPrompt方法：

<template>
<view>
<button @click="showPrompt">显示提示框</button>
</view>
</template>

这样，当你点击这个按钮时，就会显示出提示框，让用户输入文本。
Prompt组件还有许多其他的配置选项，比如你可以设置一个自定义的取消按钮（cancelText），确定按钮（confirmText），还可以设置提示框的宽度（width），以及确定按钮的点击事件（confirm），取消按钮的点击事件（cancel）等等。更多的使用方式和配置选项可以查阅uni-app的官方文档。
uni-app的Prompt组件为用户提供了便捷的在移动设备上输入信息的交互方式。通过合理的使用Prompt组件，可以大大提升你的应用程序的用户体验。