微信小程序——弹窗组件

这篇具有很好参考价值的文章主要介绍了微信小程序——弹窗组件。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

1、父组件.wxml

<view class="content-item-fd" wx:if="{
  {item.examine===0}}">
                <button class="weui-button" type="primary" bindtap="auditDialogHidden" size="mini" data-item="{
  {item}}">审核</button>
 </view>

 <view>
        <auditDialog title="审核" manaStatus="{
  {manaStatus}}" bind:cancel='handlecancel' bind:confirm="handleConfirm">
        </auditDialog>
</view>

2、父组件.json

 "usingComponents": {
        "auditDialog":"../../../components/auditDialog/auditDialog"
    }

2、父组件.js文章来源地址https://www.toymoban.com/news/detail-537793.html

    data: {
        manaStatus: false, //弹窗
        listId:''
    },
// 弹窗-展示
    auditDialogHidden(e) {
        console.log(e.target.dataset.item)
        this.setData({
           

到了这里,关于微信小程序——弹窗组件的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 微信小程序---微信授权弹窗实现(组件,需要地方直接调用即可)

     在资源处下载后 在调用页面 json: wxml: js: 1、先判断是否已经登录,未登录直接调用show_empower:true即可弹出登录授权框 2、点击授权会请求获取手机号码,通过手机号码请求后台数据,若登录成功后 3、在页面调用return_login(e)方法,判断e携带的值是否请求成功。 4、若成

    2024年02月12日
    浏览(86)
  • 一文看懂微信小程序新版隐私协议(附带弹窗组件)

    微信小程序近期又迎来了一次改革–9月15日之后如果小程序涉及调用微信的隐私接口获取用户的信息的,需要用户手动同意协议后才可正常调用接口,否则会返回报错信息。 隐私接口目前常用的有:手机号快捷获取、读取照片、获取用户的头像昵称(包括快捷填写能力)等。

    2024年02月09日
    浏览(39)
  • 微信小程序基本使用2:wxs,组件的使用以及弹窗、滚动条

    WXS(WeiXin Script)是小程序的一套脚本语言,结合 WXML ,可以构建出页面的结构。 可以在模版中内联少量处理脚本,丰富模板的数据预处理能力。 wsx 在IOS设备上性能是JavaScript的2-20倍 内嵌式 module=“属性值” 关联式 在utils下创建文件tools.wxs 在wxs文件中直接写方法,最后通过

    2024年02月02日
    浏览(65)
  • 微信小程序富文本组件mp-html

    支持在多个主流的小程序平台和  uni-app  中使用 支持丰富的标签(包括  table 、 video 、 svg  等) 支持丰富的事件效果(自动预览图片、链接处理等) 支持设置占位图(加载中、出错时、预览时) 支持锚点跳转、长按复制等丰富功能 支持大部分  html  实体 丰富的插件(关

    2024年02月16日
    浏览(47)
  • 【微信小程序】使用weui组件库来实现弹出一个确认的弹窗popup,其中包含图片和名称

    在微信小程序中,你可以使用weui组件库来实现弹出一个确认的popup,并在其中包含图片和名称。以下是一个示例代码: 在wxml文件中,添加一个按钮来触发弹出确认popup: 在wxss文件中,定义确认popup的样式: 在js文件中,编写相应的逻辑来显示和隐藏确认popup,并传递图片和名

    2024年02月17日
    浏览(63)
  • 微信小程序前端引入weui组件库

    正在开发的微信小程序,想使用weui组件库。  步骤如下: 基础:1.小程序开发工具:1.06.22 以管理员身份运行命令行窗口(cmd)或使用VSCode进入终端,在cmd中进入项目的根目录。然后输入以下命令: npm init 后面一路按回车健即可,最终会在项目的根目录中创建出一个名为pa

    2024年02月11日
    浏览(136)
  • 微信小程序使用第三方组件wxParse加载富文本html

    微信小程序 微信小程序加载富文本html 微信小程序富文本第三方组件wxParse wxParse 富文本html wxParse 是一个微信小程序富文本解析组件,支持支持Html及markdown转wxml。 wxParse gitHub地址:https://github.com/icindy/wxParse 目前项目已停止维护了,原因未知。 按照gitHub上的指,下载demo之后,

    2024年02月12日
    浏览(60)
  • 微信小程序弹窗

    微信小程序自定义底部、顶部、中间、左边、右边弹窗 简单的微信小程序弹窗功能,具体实现过程,请浏览代码。 顶部弹出窗图例: 中间弹出窗图例: 底部弹出窗图例: 左边弹出窗图例: 右边弹出窗图例: wxml代码 wxss代码 js代码 代码简洁,类型齐全。本人才疏学浅,代

    2024年02月11日
    浏览(54)
  • 微信小程序 四种弹窗方式

    显示消息提示框 示例 : 显示模态对话框 示例 : 显示 loading 提示框。需主动调用 wx.hideLoading 才能关闭提示框 示例: 注意: wx.showLoading 和 wx.showToast 同时只能显示一个 wx.showLoading 应与 wx.hideLoading 配对使用 显示操作菜单 示例: 具体参数可见官网:微信小程序弹窗

    2023年04月08日
    浏览(50)
  • 关于微信小程序--授权弹窗

    1.进入微信文档官网,找到button组件 添加链接描述 2.阅读文档,发现只需设置一个opentype类型和bindgetuserinfo 3.在js页面编写GetuserinfoHide函数的实现 4.以上操作完成后,在模拟器上进行调试,怎么也出不来效果,log可以打印出res,但是获取用户信息失败。通过百度,查看官网。最

    2024年02月11日
    浏览(50)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包