介绍
这篇文章将为大家详细讲解有关小程序中的基本操作示例,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。
1。一些需要去中取数据的变量的操作。我们可以运用ES6对象解构赋值来做简化。这样的方法我们不光可以在小程序中使用同样也可以用到vue里面。
引用>//,例子(小程序) let a =, this.data.a; let b =, this.data.b;//,ES6对象解构赋值 let {a、b},=,却;能够;//,vue let {a、b},=, this.data;,//小程序2。小程序的组件公共属性隐藏如果不注意看文档的朋友可能就会遗漏这个公共属性。等于css中的显示:没有;可以运用于频繁切换的节点。
引用>& lt; view ,隐藏=皗{假}}“祝辞& lt;/view> ,& lt; !——, false 为显示,,,真正的为隐藏,——在引用官方的话来说:“一般来说,天气:如果有更高的切换消耗而隐藏有更高的初始渲染消耗。因此,如果需要频繁切换的情景下,用隐藏更好,如果在运行时条件不大可能改变则wx:如果较好。”
3。关于文本博主刚开始写小程序的时候在wxml中使用格式化文档时踩过的坑
引用>& lt; !——,这样的写法会出现换行的效果,——比; & lt; text> ,,,SevenDream ,,,SevenDream & lt;/text> & lt; !——,如果不需要换行的效果——比; & lt; text> SevenDream SevenDream</text>4。关于图像有事需要渲染图片时,连续的图片会发现图中间有条白缝。如果做商城方面在商品详情中它是切片的话中间有白条很不雅观。在图像标签加入显示:bolck就好了。引用>& lt; image src=https://www.yisu.com/zixun/皒xx.png”风格="显示:块"> 图像>
5。关于跳转引用><李>
如果超出最大页面栈处理方法(大于10页),将跳转封装。
李>//utils.js export function  navigateTo (url), { ,,let Type =, getCurrentPages () .length 祝辞=,10,?,& # 39;redirectTo& # 39;,:, & # 39; navigateTo& # 39; ,,,return new 承诺((解决,,拒绝),=祝辞,{ ,,,,,天气[型]({ ,,,,,,,网址, ,,,,,,,成功:,res =祝辞,{ ,,,,,,,,,解决() ,,,,,,,}, ,,,,,,,失败:,err =祝辞,{ ,,,,,,,,,拒绝(err) ,,,,,,,}, ,,,,,}) ,,,}) }//,其他页面js import {navigateTo},得到& # 39;. ./. ./跑龙套跑龙套# 39;; navigateTo(& # 39;页面/指数指数# 39;)<李>
返回上一页时刷新(例如返回个人中心)
李>wx.switchTab ({ ,,,url:, & # 39;/页面/我/我# 39; ,,,成功:函数(){ ,,,,,,,var page ,=,, getCurrentPages () .pop();,//当前页面 ,,,,,,,page.onLoad();,//,调用,onload ,,,}})<李>
在返回上一页时设置上一页的的值
李>,,,,var pages =, getCurrentPages();,//,获取页面栈 ,,,var prevPage =,页面(pages.length 作用;2);,,//上一页 ,,,prevPage.setData(数据); ,,,wx.navigateBack ({ ,,,,,三角洲:1 ,,,})6.。setData,如果想改变对象或数组中的一个
引用>,//数据 ,,数据:{ ,,,obj:, { ,,,,,,1 ,,,}, 数组,,,:,(& # 39;1 & # 39;] ,,},//改才能变对象 setOBJ才能:函数(){ ,,,var name =, & # 39;一个# 39; ,,,var obj =, & # 39; obj.a& # 39; ,,,this.setData ({ ,,,,(obj): 2 ,,,}) ,,},//改才能变数组 ,,setArr: function (), { ,,,var num =0 ,,,var arr =,“数组($ {num}]” ,,,this.setData ({ ,,,,,(arr): 2 ,,,}) ,,}<李>
如果我们有个表单需要绑定很多bindinput,运用上面的方案,在加上数据- *。不需要写很多方法了一个就够了
李>,,& lt; input 数据名=皀ame",, bindinput=皁nInput",价值=https://www.yisu.com/zixun/" {{FromOBJ.name}} ">小程序中的基本操作示例