小程序(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这个才可以,不然会报错
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 理解Rust引用及其生命周期标识(上)
· 浏览器原生「磁吸」效果!Anchor Positioning 锚点定位神器解析
· 没有源码,如何修改代码逻辑?
· 全程不用写代码,我用AI程序员写了一个飞机大战
· MongoDB 8.0这个新功能碉堡了,比商业数据库还牛
· 记一次.NET内存居高不下排查解决与启示
· DeepSeek 开源周回顾「GitHub 热点速览」
· 白话解读 Dapr 1.15:你的「微服务管家」又秀新绝活了