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 相关文章推荐
可以显示单图片,多图片ajax请求的ThickBox3.1类下载
Dec 23 Javascript
javascript 获取所有id中包含某关键字的控件的实现代码
Nov 25 Javascript
JavaScript中的正则表达式简明总结
Apr 04 Javascript
javascript获得当前的信息的一些常用命令
Feb 25 Javascript
初步认识JavaScript函数库jQuery
Jun 18 Javascript
Jquery ajax基础教程
Nov 20 Javascript
JavaScript仿微信(电话)联系人列表滑动字母索引实例讲解(推荐)
Aug 16 Javascript
vue渲染时闪烁{{}}的问题及解决方法
Mar 28 Javascript
JS常见DOM节点操作示例【创建 ,插入,删除,复制,查找】
May 14 Javascript
解决vue同一slot在组件中渲染多次的问题
Sep 06 Javascript
加快Vue项目的开发速度的方法
Dec 12 Javascript
vue 实现搜索的结果页面支持全选与取消全选功能
May 10 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
CI框架中redis缓存相关操作文件示例代码
2016/05/17 PHP
基于PHP后台的Android新闻浏览客户端
2016/05/23 PHP
php 遍历目录,生成目录下每个文件的md5值并写入到结果文件中
2016/12/12 PHP
Laravel Eloquent分表方法并使用模型关联的实现
2019/11/25 PHP
PHP上传图片到数据库并显示的实例代码
2019/12/20 PHP
JS 弹出层 定位至屏幕居中示例
2014/05/21 Javascript
JS实现带缓冲效果打开、关闭、移动一个层的方法
2015/05/09 Javascript
jQuery延迟执行的实现方法
2016/12/21 Javascript
jQuery实现标签页效果实战(4)
2017/02/08 Javascript
socket.io学习教程之深入学习篇(三)
2017/04/29 Javascript
关于Vue源码vm.$watch()内部原理详解
2019/04/26 Javascript
vue组件三大核心概念图文详解
2019/05/30 Javascript
vue实现简单全选和反选功能
2020/09/15 Javascript
解决vuex刷新数据消失问题
2020/11/12 Javascript
[01:46]DOTA2上海特锦赛小组赛英文解说KotlGuy采访
2016/02/27 DOTA
[01:02:09]Liquid vs TNC 2019国际邀请赛淘汰赛 胜者组 BO3 第二场 8.21
2020/07/19 DOTA
python实现的阳历转阴历(农历)算法
2014/04/25 Python
Python中subprocess的简单使用示例
2015/07/28 Python
Python聊天室实例程序分享
2016/01/05 Python
Python常见异常分类与处理方法
2017/06/04 Python
简单了解Django模板的使用
2017/12/20 Python
详解django三种文件下载方式
2018/04/06 Python
python爬虫 爬取超清壁纸代码实例
2019/08/16 Python
Python Selenium截图功能实现代码
2020/04/26 Python
零基础小白多久能学会python
2020/06/22 Python
Python可以用来做什么
2020/11/23 Python
Html5 webview元素定位工具的实现
2020/08/07 HTML / CSS
Daniel Wellington官方海外旗舰店:丹尼尔惠灵顿DW手表
2018/02/22 全球购物
护理毕业生自荐信范文
2013/12/22 职场文书
函授本科自我鉴定
2014/02/04 职场文书
影子教师研修方案
2014/06/14 职场文书
小学学校门卫岗位职责
2014/08/03 职场文书
报到证办理个人委托书
2014/10/06 职场文书
Eclipse+Java+Swing+Mysql实现电影购票系统(详细代码)
2022/01/18 Java/Android
VUE使用draggable实现组件拖拽
2022/04/06 Vue.js
mysql 排序失效
2022/05/20 MySQL