微信小程序弹框显示自定义内容（1）

1：通过查看详情绑定函数toClock
toClock 触发弹框

<view   bindtap="toClock" data-id="{{item.contentdesc}}">查看详情</view>

2：准备model模块
model放在需要触发按钮同样的文件wxxml即可

<modal hidden="{{hiddenmodalput}}" title="详细介绍" confirm-text="提交" cancel-text="取消" bindcancel="cancel" bindconfirm="confirm"><input type='text'  value="{{num}}"     bindinput='tdate'  auto-focus/></modal>

hidden=“{{hiddenmodalput}}”
hiddenmodalput这个控制弹框显示或消失
默认消失也就是关闭的，所以在js文件data设置

data: {hiddenmodalput:true},

input即显示文件内容
3：toClock函数
将num显示在弹框里

 //弹框toClock(e){var that=thisvar num="123"that.setData({num:num,hiddenmodalput: !this.data.hiddenmodalput})},

4：确认和取消
点击会实现弹框的消失（想实现更多的内容可在取消确认自己写函数）

 //取消按钮cancel: function(){this.setData({hiddenmodalput: true});
},
//确认
confirm: function(e){this.setData({hiddenmodalput: true
});
},

关于微信弹框更多知识微信搜索公众号：小白XBIT

微信小程序弹框显示自定义内容（1）相关推荐

微信小程序-增加水印（自定义内容）
Number1 微信小程序增加水印最近在整微信小程序,这里增加写自己最近用到的东西(仅为记录) 主要原则是增加一个水印的组件,新建components文件夹,在文件夹下面新建watermark组件 ...
微信小程序弹框禁止下面的页面滚动
一句话搞定: catchtouchmove="true" <view class="mark" wx:if='{{show}}' catchtouchmo ...
微信小程序弹框组件封装
popup组件,居中和底部弹起 1.popup.wxml <view class="popup-common fade-in-linear-enter-active {{ flag ? ...
微信小程序选择框问题小程序picker点击显示object range-key=这里写要显示的字段
微信小程序选择框问题小程序picker点击显示object range-key="这里写要显示的字段" <picker bindchange="bindClass ...
微信小程序-气泡框 Popover
写在前面记录基于微信小程序-气泡框实现中产生的问题及思考问题截图问题描述模拟器显示正常,但在真机上点击后,气泡框的箭头并没有消失,且点击同一级别区域,能利用覆盖消除箭头.[是不是一个很可爱的b ...
免费的微信小程序客服消息自定义关键词自动回复管理系统
源码名称:微信小程序客服消息自定义关键词回复管理系统框架版本:laravel5.8,和thinkphp类似的框架,会thinkphp就会laravel. 适用范围:二次开发,独立部署,客服自动回复 ...
微信小程序提示框提示
微信小程序提示框很常见,有的项目弹出提示选择关闭的时候需要不再弹出,清理缓存的时候才弹出. var s = wx.getStorageSync('sh')if (s == '') {// s= tru ...
第21课微信小程序视频标签显示弹幕
第21课微信小程序视频标签显示弹幕效果图如下: wxml代码如下: <videosrc="http://wxsnsdy.tc.qq.com/105/20210/snsdyvideo ...
uni-app分割线微信小程序端不显示
uni-app分割线微信小程序端不显示文章目录 uni-app分割线微信小程序端不显示问题描述解决方案问题描述做项目时,遇到一个问题: 自定义的分割线组件在web端能显示,在微信小程序端却不 ...
如何修改微信小程序里面的导航栏内容
第一步需要在pages.json里面你所要修改的页面添加内容: 比如在首页上修改以下配置: 但是微信小程序并不兼容改变顶部导航栏的内容,所以我们必须要原本的基础上添加一些配置如:navigationS ...

微信小程序弹框显示自定义内容（1）

微信小程序弹框显示自定义内容（1）相关推荐

最新文章

热门文章