父組件給子組件傳參數的時候,最好在組件上加相應判斷,不然,傳的參數為空。。。
有參(原因,接口初始獲取異步,還是內容為空,獲取不對,就已經傳過去了,所以為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這個才可以,不然會報錯