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
js getBoundingClientRect() 来获取页面元素的位置
Nov 25 Javascript
zTree插件之单选下拉菜单实例代码
Nov 07 Javascript
jquery绑定事件不生效的解决方法
Feb 11 Javascript
JavaScript获取某年某月的最后一天附截图
Jun 23 Javascript
为什么Node.js会这么火呢?Node.js流行的原因
Dec 01 Javascript
EasyUI实现二级页面的内容勾选的方法
Mar 01 Javascript
聊一聊JS中this的指向问题
Jun 17 Javascript
JS取模、取商及取整运算方法示例
Oct 13 Javascript
使用JSON作为函数的参数的优缺点
Oct 27 Javascript
vuex 中插件的编写案例解析
Jun 10 Javascript
JSON stringify方法原理及实例解析
Oct 23 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
ajax缓存问题解决途径
2006/12/06 PHP
PHP发明人谈MVC和网站设计架构 貌似他不支持php用mvc
2011/06/04 PHP
使用session判断用户登录用户权限(超简单)
2013/06/08 PHP
图解找出PHP配置文件php.ini的路径的方法
2014/08/20 PHP
Yii框架中 find findAll 查找出制定的字段的方法对比
2014/09/10 PHP
Laravel源码解析之路由的使用和示例详解
2018/09/27 PHP
PHP实现一个轻量级容器的方法
2019/01/28 PHP
Laravel5.3+框架定义API路径取消CSRF保护方法详解
2020/04/06 PHP
jQuery学习笔记 操作jQuery对象 文档处理
2012/09/19 Javascript
jquery.blockUI.js上传滚动等待效果实现思路及代码
2013/03/18 Javascript
javascript判断office版本示例
2014/04/11 Javascript
Firefox中使用outerHTML的2种解决方法
2014/06/07 Javascript
Ext4.2的Ext.grid.plugin.RowExpander无法触发事件解决办法
2014/08/15 Javascript
jquery使用$(element).is()来判断获取的tagName
2014/08/24 Javascript
Js为表单动态添加节点内容的方法
2015/02/10 Javascript
JavaScript实现仿新浪微博大厅和腾讯微博首页滚动特效源码
2015/09/15 Javascript
json与jsonp知识小结(推荐)
2016/08/16 Javascript
详解JS中的this、apply、call、bind(经典面试题)
2017/09/19 Javascript
解决vue 项目引入字体图标报错、不显示等问题
2018/09/01 Javascript
vue中,在本地缓存中读写数据的方法
2018/09/21 Javascript
Vue一个案例引发的递归组件的使用详解
2018/11/15 Javascript
[03:13]DOTA2-DPC中国联赛1月25日Recap集锦
2021/03/11 DOTA
Python获取远程文件大小的函数代码分享
2014/05/13 Python
python使用心得之获得github代码库列表
2014/06/25 Python
详细讲解Python中的文件I/O操作
2015/05/24 Python
Python iter()函数用法实例分析
2018/03/17 Python
pip install urllib2不能安装的解决方法
2018/06/12 Python
Django框架自定义session处理操作示例
2019/05/27 Python
Python pandas实现excel工作表合并功能详解
2019/08/29 Python
腾讯技术类校园招聘笔试试题
2014/05/06 面试题
一些.net面试题
2014/10/06 面试题
五年级英语教学反思
2014/01/31 职场文书
学校消防演习方案
2014/02/19 职场文书
幼儿园家长安全责任书
2014/07/22 职场文书
停车场管理协议书范本
2014/10/08 职场文书
介绍信格式样本
2015/05/05 职场文书