小程序(mpvue框架)的總結


父組件給子組件傳參數的時候,最好在組件上加相應判斷,不然,傳的參數為空。。。

有參(原因,接口初始獲取異步,還是內容為空,獲取不對,就已經傳過去了,所以為undefined)

<comment v-if="article.title" :articleId="articleId" :collect="article.collected"></comment>

無參

<comment  :articleId="articleId" :collect="article.collected"></comment>

不過最好還是用watch來監聽他變化

 

組件內的分享按鈕,用的是<button open-type="share" class="icon-share-wxchat"></button>

分享函數要寫在父級組件上,很奇怪,而且是在父組件的methods外,竟然不要this.$parent.方法可以直接用(就是不用調用這個方法)神奇

小程序去掉button的邊框,用這個button::after{ border: none}

Img mode看情況用。。。

 

獲取某個節點的信息,如坐標,位置,長度,等,用:

wx

.createSelectorQuery()

.select("#節點的id或者.class")

.boundingClientRect(function(rect) {

console.log("節點的上邊界坐標" + rect.top);

})

.exec();

}

 

小程序富文本的rich-txet  里id是無效的;富文本的圖片用style="max-width:100%;height:auto"圖片自適應

這個不推薦用rich-txet,如果是mpvue框架的,因為mpvue有一個自己的富文本mpvue-wxParse很好用,可以調很多的屬性,等等

具體用法參考:http://npm.taobao.org/package/mpvue-wxparse

注意:一些小程序的事件,有bind....什么的,用mpvue就是@...,如bindscrolltoupper就是@scrolltoupper

 

父組件執行子組件的方法,首先給子組件ref=“x”, this.$refs.x.方法()

子組件執行父組件方法:This.$parent.方法()

 

微信的上拉,下拉開啟

要在main.json里加上"enablePullDownRefresh":true,就可以再methods外寫上拉,下拉事件了

// 上拉加載

onReachBottom() {

console.log("上拉");

},

// 下拉刷新

onPullDownRefresh() {

setTimeout(() => {

wx.stopPullDownRefresh();

}, 1500);

}

 

onUnload(){}//在頁面離開的時候執行的函數

onShow(){}//在頁面再次加載和首次加載執行的函數

Bindconfirm----@confirm(mpvue)監聽手機鍵盤的輸入/完成事件

 

static目錄本來就是用來放靜態資源的(要用絕對地址),其他想要壓縮的支資源一定要require()或者import引入才可以的,這樣webpack才會把文件放到資源圖譜里面進行加載

Js字符串取標簽及其里面的內容

let getWords= content.match(/<font(([\s\S])*?)<\/font>/g);

 

Const reg=new RegExp(‘<img’,’gi’);

Result=result.replace(reg,`<img style=”max-width:100%;”`)

 

Mpvue里獲取像小程序的e.detail.value這個

e.mp.detail.value這個才可以,不然會報錯


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM