uniapp提示框带v-model的提示框

你可以使用uni-popup组件来实现一个带有v-model的提示框，具体实现步骤如下：

1. 在页面中引入uni-popup组件：`import uniPopup from "@/components/uni-popup/uni-popup.vue";`

2. 在页面中使用uni-popup组件，并绑定v-model来控制提示框的显示和隐藏状态：

   <template>
     <view>
       <uni-popup v-model="showPopup">
         <view slot="title">标题</view>
         <view slot="content">提示内容</view>
         <view slot="buttons">
           <view class="uni-popup-dialog-button" @click="cancel">取消</view>
           <view class="uni-popup-dialog-button" @click="confirm">确定</view>
         </view>
       </uni-popup>
     </view>
   </template>
   
   <script>
   import uniPopup from "@/components/uni-popup/uni-popup.vue";
   
   export default {
     components: {
       uniPopup
     },
     data() {
       return {
         showPopup: false
       };
     },
     methods: {
       cancel() {
         this.showPopup = false;
       },
       confirm() {
         this.showPopup = false;
         // 点击确定后的逻辑处理
       }
     }
   };
   </script>

在上述代码中，`showPopup`绑定了`uni-popup`的`v-model`，通过修改`showPopup`的值来控制提示框的显示和隐藏状态。`uni-popup`组件中，`slot="title"`、`slot="content"`、`slot="buttons"`分别表示标题、内容和操作按钮的插槽。

在点击取消或确定按钮时，可以通过调用`cancel`或`confirm`方法来修改`showPopup`的值，从而控制提示框的隐藏。