微信小程序uni-app uni-date-picker中的maskClick无效解决方法

1年前作者：Alice18分类：Toy博客阅读(38)违法举报

这篇具有很好参考价值的文章主要介绍了微信小程序uni-app uni-date-picker中的maskClick无效解决方法。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

前段时间做小程序我在调用uni-date-picker组件时候需要@maskClick方法谁知道竟然无效，上网一查，看到也有其他小伙伴反应类似的问题，我就看了看源码，最终调成功了，记录一下，防止自己忘记。
ps:如果能帮助到大家，那就更开心了。

话不多说，进入正题：
调用uni-datetime-picker我就不多说了，直接说怎么改源码
找到uni-datetime-picker-->uni-datetime-picker.vue
找到下面这段代码，在里面加上

@close="close"

最终代码就是这样的

<calendar v-show="isPhone" ref="mobile" :clearDate="false" :date="defSingleDate" :defTime="reactMobDefTime"
			:start-date="caleRange.startDate" :end-date="caleRange.endDate" :selectableTimes="mobSelectableTime"
			:pleStatus="endMultipleStatus" :showMonth="false" :range="isRange" :typeHasTime="hasTime" :insert="false"
			:hideSecond="hideSecond" @confirm="mobileChange" @close="close" />

这样改了之后你在页面调用的@maskClick方法就起作用了。
有什么问题可以给我留言，谢谢大家。文章来源地址https://www.toymoban.com/news/detail-630964.html

到了这里，关于微信小程序uni-app uni-date-picker中的maskClick无效解决方法的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！

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

分享到：

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

语法速通 uni-app随笔【uni-app】【微信小程序】【vue】
其中， pages 目录/ index 目录【必有】： index.js 编写业务逻辑【初始数据，生命周期函数】 index.json 编写配置 index.wxml 编写模板【可理解为本页html】 index.wxss 【可理解为本页css】直接输入敲回车，连尖括号都不需要就可以标签补全 1）初始数据写死在 index.wxml 引入变
2024年02月12日
浏览(93)
uni-app 微信小程序激励视频广告
封装激励视频-Ad.js 调用上面写的方法：
2024年02月12日
浏览(41)
【uni-app微信小程序】实现支付功能
实现微信支付功能需要在小程序后台配置支付相关信息，并且在前端代码中调用微信支付API进行支付操作。好的， uni-app微信小程序实现支付功能整体流程大致如下：注册微信公众平台，并完成开发者资质认证；在微信商户平台注册商户账号，并完成商户资质认证；在商户
2024年02月13日
浏览(42)
uni-app微信小程序使用echarts
前言：本来是使用的ucharts，但因为无法监听图例点击交互，满足不了需求，所以只能放弃。首先，下载echart组件。可以先随便建个文件夹，然后 npm init。接着下载依赖然后找到 node_modulesmpvue-echarts下的文件，如图只留下src，其他的删掉（没有用到）。然后复制 mpvue-echart
2024年02月10日
浏览(43)
uni-app（微信小程序）获取当前位置uni.getLocation
1、微信公众平台开发开发管理 2、开通之后到项目文件 3、下载腾讯地图插件并引入到文件中
2024年02月11日
浏览(44)
uni-app微信小程序——下拉多选框
插件来自：select-cy - DCloud 插件市场
2024年02月11日
浏览(10)
uni-app做微信小程序的分包处理
我们的都知道微信小程序有随即随用，用完即走的优点，并且它开发门槛低，但是它也有一个致命的缺点，就是代码包体积的限制，这一缺点让小程序的开发有了一定的限制，现在有一方法可以减少代码包的体积，能够让小程序的功能得到一定的扩展，这一方法就是——分包
2023年04月08日
浏览(40)
uni-app嵌入微信小程序原生代码
使用uni-app有时需要用到微信小程序原生代码解析: uni-app项目结构跟原生小程序的项目结构有着不一致的区别,如果说开发过程中必须要使用原生代码,就需要把原生代码作为组件的方式在uni-app项目中引入使用官网为了应对这一个需求,就给出了以下方法,供开发者实现 wxcompone
2024年02月05日
浏览(43)
微信小程序转uni-app注意事项
如果你手头上有一套微信小程序的代码，怎样把它变成一个网页版或者app版本的呢？我推荐你使用uni-app。使用uni-app可以很方便的将微信小程序代码翻译成uni-app项目，通过uni-app项目又可以编译成h5、app或微信小程序版本。这样一来，写一份代码同时可以
2024年02月04日
浏览(9)
[uni-app]设置运行到微信小程序
1、设置微信小程序开发工具路径 2、检查微信小程序开发工具是否开启了服务端口服务端口要是没有开启，会报 × initialize。 3、在uni-app开发工具中点击运行微信开发者工具，微信开发工具运行成功。
2024年02月13日
浏览(38)