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 相关文章推荐
iframe 自适应高度[在IE6 IE7 FF下测试通过]
Apr 13 Javascript
jQuery 一个图片切换的插件
Oct 09 Javascript
js获取对象为null的解决方法
Nov 21 Javascript
JS字符串拼接在ie中都报错的解决方法
Mar 27 Javascript
以Python代码实例展示kNN算法的实际运用
Oct 26 Javascript
浅析vue数据绑定
Jan 17 Javascript
JavaScript中Promise的使用详解
Feb 26 Javascript
Javascript查看大图功能代码实现
May 07 Javascript
vant 自定义 van-dropdown-item的用法
Aug 05 Javascript
Vue中正确使用Element-UI组件的方法实例
Oct 13 Javascript
Nuxt.js 静态资源和打包的操作
Nov 06 Javascript
JavaScript实现滑块验证解锁
Jan 07 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 各种排序算法实现代码
2009/08/20 PHP
PHP垃圾回收机制引用计数器概念分析
2013/06/24 PHP
php类中的各种拦截器用法分析
2014/11/03 PHP
Yii基于数组和对象的Model查询技巧实例详解
2015/12/28 PHP
php验证码生成器
2017/05/24 PHP
ThinkPHP3.1.2 使用cli命令行模式运行的方法
2020/04/14 PHP
Jquery多选框互相内容交换的实例代码
2013/07/04 Javascript
基于jquery实现的文字淡入淡出效果
2013/11/14 Javascript
node.js中的fs.lchmod方法使用说明
2014/12/16 Javascript
js实现单击图片放大图片的方法
2015/02/17 Javascript
使用coffeescript编写node.js项目的方法汇总
2015/08/05 Javascript
基于Node.js的WebSocket通信实现
2017/03/11 Javascript
react学习笔记之state以及setState的使用
2017/12/07 Javascript
解决JavaScript layui 下拉框不显示的问题
2018/08/14 Javascript
electron制作仿制qq聊天界面的示例代码
2018/11/26 Javascript
浅谈Vue.js之初始化el以及数据的绑定说明
2019/11/14 Javascript
小程序采集录音并上传到后台
2019/11/22 Javascript
jQuery 选择器用法基础入门示例
2020/01/04 jQuery
javascript设计模式 ? 装饰模式原理与应用实例分析
2020/04/14 Javascript
请求时token过期自动刷新token操作
2020/09/11 Javascript
django 使用 request 获取浏览器发送的参数示例代码
2018/06/11 Python
Tornado Web Server框架编写简易Python服务器
2018/07/28 Python
Python干货:分享Python绘制六种可视化图表
2018/08/27 Python
Python中常用的8种字符串操作方法
2019/05/06 Python
Python 3 判断2个字典相同
2019/08/06 Python
tensorflow转换ckpt为savermodel模型的实现
2020/05/25 Python
HTML5中input输入框默认提示文字向左向右移动的示例代码
2020/09/10 HTML / CSS
美国时尚在线:Showpo
2017/09/08 全球购物
美国职棒大联盟官方网上商店:MLBShop.com
2017/11/12 全球购物
python+selenium小米商城红米K40手机自动抢购的示例代码
2021/03/24 Python
户籍证明的格式
2014/01/13 职场文书
小学优秀教育工作者事迹材料
2014/05/09 职场文书
习近平在党的群众路线教育实践活动总结大会上的讲话
2014/10/21 职场文书
档案管理员岗位职责
2015/02/12 职场文书
企业财务人员岗位职责
2015/04/14 职场文书
2016年感恩教师节活动总结
2016/04/01 职场文书