uniapp弹窗（可输入）

最新推荐文章于 2024-08-13 12:05:00 发布

weixin_43963309

最新推荐文章于 2024-08-13 12:05:00 发布

阅读量6k

点赞数 3

分类专栏： uniapp

本文链接：https://blog.csdn.net/weixin_43963309/article/details/107858988

版权

本文介绍如何在uniapp中从插件市场引入并使用弹窗组件，包括子组件和父组件的交互操作。

摘要由CSDN通过智能技术生成

uniapp 插件市场引入插件

子组件

<template>
  <view>
    <uni-popup ref="popup" type="dialog">
      <uni-popup-dialog
        type="input"
        :mode="mode"
        :title="title"
        v-model="value"
        :placeholder="placeholder"
        :duration="2000"
        @close="close"
        @confirm="confirm"
      ></uni-popup-dialog>
    </uni-popup>
  </view>
</template>
<script>
import uniPopup from '@/components/uni-popup/uni-popup.vue'
import uniPopupMessage from '@/components/uni-popup/uni-popup-message.vue'
import uniPopupDialog from '@/components/uni-popup/uni-popup-dialog.vue'
export default {
  components: {
    uniPopup,
    uniPopupMessage,
    uniPopupDialog,
  },
  data() {
    return {
      p