uni-app: uni-popup-dialog自定义内容

4,544 阅读1分钟

 根据官方文档的描述, 只需要在uni-popup-dialog标签内写上自定义的内容即可替换原有的.

 如

<uni-popup ref="createTypePopup" type="dialog">
  <uni-popup-dialog ref="createTypeDialog" mode="input" title="输入内容" value="对话框预置提示内容!"
                    placeholder="请输入内容" @confirm="">
    <view>
      <view class="">
        <uni-forms :modelValue="typeFormData">
          <uni-forms-item label="名称" name="name">
            <uni-easyinput type="text" v-model="typeFormData.name" placeholder="请输入名称"/>
          </uni-forms-item>
          <uni-forms-item label="类型" name="flag">
            <uni-data-checkbox v-model="typeFormData.flag" :localdata="flag" />
          </uni-forms-item>
        </uni-forms>
      </view>
    </view>
  </uni-popup-dialog>
</uni-popup>

效果图:

效果图