vue里面使用mui的弹出日期选择插件实例


Posted in Javascript onSeptember 16, 2018

如下所示:

comm.loadjs("js/mui.picker.min.js","js/mui.poppicker.js")

因为是点击才弹出的,所以就不用在index.html里面写<script src=""></script>这样的方式来引入js了。因为index.html这个页面是每个组件即.vue都会引用的,所以你如果在这里面引入太多js肯定会影响网页的加载速度的。

对于页面加载以后需要引入的js你可以使用上面的方式引入。注意这个comm是comm.js里面有个load它是封装好的一个方法。

它里面有

loadjs(...paths) {
  for (var i in paths) {
   var p = paths[i];
   if (key_loadjs[p]) continue;
   let script = document.createElement("SCRIPT");
   script.src = p;
   document.body.appendChild(script);
   key_loadjs[p] = true;
  }
 },

<li class="mui-table-view-cell" @tap="editwx">
     <a >我的微信号<span class="mui-pull-right mui-navigate-right">{{db2.wx_number}}</span></a>
 </li>

editwx(){
   mui.prompt("请输入您的微信号",this.db2.wx_number,({index,value})=>{
     if(index!=1||value=='')return;
    this.$api("Member/editinfo",{wx_number:value}).then(db=>{
     this.db2.wx_number=value;
    })
   })
  },

以上这篇vue里面使用mui的弹出日期选择插件实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
JavaScript 内置对象属性及方法集合
Jul 04 Javascript
有关javascript的性能优化 (repaint和reflow)
Apr 12 Javascript
JS实现商品倒计时实现代码
May 03 Javascript
struts2+jquery组合验证注册用户是否存在
Apr 30 Javascript
使用jQuery实现更改默认alert框体
Apr 13 Javascript
JavaScript判断表单中多选框checkbox选中个数的方法
Aug 17 Javascript
javascript定义类和类的实现实例详解
Dec 01 Javascript
原生js实现autocomplete插件
Apr 14 Javascript
textarea 在浏览器中固定大小和禁止拖动的实现方法
Dec 03 Javascript
jQuery使用ajax方法解析返回的json数据功能示例
Jan 10 Javascript
JS实现的数组去除重复数据算法小结
Nov 17 Javascript
基于redis的小程序登录实现方法流程分析
May 25 Javascript
vue 界面刷新数据被清除 localStorage的使用详解
Sep 16 #Javascript
vuex提交state&amp;&amp;实时监听state数据的改变方法
Sep 16 #Javascript
新手必须知的Node.js 4个JavaScript基本概念
Sep 16 #Javascript
分享5个顶级的JavaScript Ajax组件库
Sep 16 #Javascript
vuex + axios 做登录验证 并且保存登录状态的实例
Sep 16 #Javascript
vue主动刷新页面及列表数据删除后的刷新实例
Sep 16 #Javascript
vue将毫秒数转化为正常日期格式的实例
Sep 16 #Javascript
You might like
PHP实现的交通银行网银在线支付接口ECSHOP插件和使用例子
2014/05/10 PHP
简单的自定义php模板引擎
2016/08/26 PHP
php实现登陆模块功能示例
2016/10/20 PHP
兼容ie和firefox js关闭代码
2008/12/11 Javascript
fancybox modal的完美解决(右上的X)
2012/10/30 Javascript
js自动生成对象的属性示例代码
2013/10/28 Javascript
jquery插件lazyload.js延迟加载图片的使用方法
2014/02/19 Javascript
JavaScript中实现PHP的打乱数组函数shuffle实例
2014/10/11 Javascript
jQuery实现的自动加载页面功能示例
2016/09/04 Javascript
微信小程序之拖拽排序(代码分享)
2017/01/21 Javascript
Jquery+Ajax+xml实现中国地区选择三级联动菜单效果(推荐)
2017/06/09 jQuery
web前端开发中常见的多列布局解决方案整理(一定要看)
2017/10/15 Javascript
使用vue-aplayer插件时出现的问题的解决
2018/03/02 Javascript
关于在vue 中使用百度ueEditor编辑器的方法实例代码
2018/09/14 Javascript
js实现转动骰子模型
2019/10/24 Javascript
vue实现几秒后跳转新页面代码
2020/09/09 Javascript
Python中关键字nonlocal和global的声明与解析
2017/03/12 Python
Python基于pygame模块播放MP3的方法示例
2017/09/30 Python
python字典的常用方法总结
2019/07/31 Python
Python拆分大型CSV文件代码实例
2019/10/07 Python
浅析Django中关于session的使用
2019/12/30 Python
Python3 搭建Qt5 环境的方法示例
2020/07/16 Python
python利用线程实现多任务
2020/09/18 Python
python从ftp获取文件并下载到本地
2020/12/05 Python
分享PyCharm最新激活码(真永久激活方法)不用每月找安装参数或最新激活码了
2020/12/27 Python
利用 CSS3 实现的无缝轮播功能代码
2017/09/25 HTML / CSS
日本土著品牌,综合型购物网站:Cecile
2016/08/23 全球购物
什么是设计模式
2012/06/17 面试题
优秀毕业大学生推荐信
2013/11/13 职场文书
经贸日语专业个人求职信范文
2013/12/28 职场文书
职位说明书范文
2014/05/07 职场文书
承诺书格式
2014/06/03 职场文书
2015年母亲节寄语
2015/03/23 职场文书
Nginx的rewrite模块详解
2021/03/31 Servers
win10下go mod配置方式
2021/04/25 Golang
div与span之间的区别与使用介绍
2021/12/06 HTML / CSS