当前位置:主页 > vue.js教程 > vue里面使用mui的弹出日期选择插件实例

vue使用mui的弹出日期选择插件实例详解

发布:2019-11-06 22:28:55 77


本站精选了一篇相关的编程文章,网友向星波根据主题投稿了本篇教程内容,涉及到vue、mui、日期选择插件、vue里面使用mui的弹出日期选择插件实例相关内容,已被488网友关注,相关难点技巧可以阅读下方的电子资料。

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

如下所示:

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的弹出日期选择插件实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持码农之家。


参考资料

相关文章

  • vue初尝试--项目结构(推荐)

    发布:2022-04-04

    这篇文章主要介绍了vue初尝试--项目结构的相关知识,需要的朋友可以参考下


  • Vue实现todolist的教程代码

    发布:2021-05-28

    本篇文章主要介绍了使用Vue完成一个简单的todolist的方法,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧


  • 详解Vue生命周期的示例

    详解Vue生命周期的示例

    发布:2023-01-04

    给网友朋友们带来一篇关于Vue的教程,本篇文章主要介绍了详解Vue生命周期的示例,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧


  • vue中怎样设置、获取、删除cookie

    发布:2020-01-13

    今天小编就为大家分享一篇vue中设置、获取、删除cookie的方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧


  • 详解Vue路由History mode模式中页面无法渲染的原因及解决

    详解Vue路由History mode模式中页面无法渲染的原因及解决

    发布:2022-06-22

    给大家整理了关于Vue的教程,这篇文章主要介绍了详解Vue路由History mode模式中页面无法渲染的原因及解决,非常具有实用价值,需要的朋友可以参考下


  • JavaScript之Vue.js【入门基础】

    发布:2022-04-03

    本文主要介绍一下Vue.js并附上在Node.js环境下搭建一个简单的Demo实例代码。条理清晰,有助于阅读和理解。有需要的朋友可以看下


  • 使用Vue CLI创建typescript项目的方法

    使用Vue CLI创建typescript项目的方法

    发布:2023-01-10

    为网友们分享了关于Vue的教程,这篇文章主要介绍了使用Vue CLI创建typescript项目的方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧


  • vue实现下拉列表功能的你具体代码

    发布:2019-11-23

    这篇文章主要介绍了vue下拉列表功能实例代码,非常不错,具有参考借鉴价值,需要的朋友可以参考下


网友讨论