vue如何使用mui的彈出日期選擇插件

小編給大家分享一下vue如何使用mui的彈出日期選擇插件,相信大部分人都還不怎么了解,因此分享這篇文章給大家參考一下,希望大家閱讀完這篇文章后大有收獲,下面讓我們一起去了解一下吧!

西豐ssl適用于網(wǎng)站、小程序/APP、API接口等需要進行數(shù)據(jù)傳輸應(yīng)用場景,ssl證書未來市場廣闊!成為創(chuàng)新互聯(lián)公司的ssl證書銷售渠道,可以享受市場價格4-6折優(yōu)惠!如果有意向歡迎電話聯(lián)系或者加微信:18982081108(備注:SSL證書合作)期待與您的合作!

如下所示:

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

因為是點擊才彈出的,所以就不用在index.html里面寫<script src=""></script>這樣的方式來引入js了。因為index.html這個頁面是每個組件即.vue都會引用的,所以你如果在這里面引入太多js肯定會影響網(wǎng)頁的加載速度的。

對于頁面加載以后需要引入的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的彈出日期選擇插件”這篇文章的所有內(nèi)容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內(nèi)容對大家有所幫助,如果還想學習更多知識,歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道!

分享標題:vue如何使用mui的彈出日期選擇插件
分享鏈接:http://muchs.cn/article26/ihdgcg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供定制開發(fā)、企業(yè)網(wǎng)站制作、服務(wù)器托管、ChatGPT、云服務(wù)器、電子商務(wù)

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)

成都做網(wǎng)站