微信小程序 跳转方式,预览图片,自动换行等笔记

1、wx.navigateTo(OBJECT) 保留当前页面,跳转到应用内的某个页面

2、wx.redirectTo(OBJECT)关闭当前页面,跳转到应用内的某个页面。

3、wx.switchTab(OBJECT) 跳转到 tabBar 页面,并关闭其他所有非 tabBar 页面

4、wx.navigateBack(OBJECT)关闭当前页面,返回上一页面或多级页面。

5、wx.reLaunch(OBJECT)关闭所有页面,打开到应用内的某个页面

var pages = getCurrentPages(); //获取当前页面
var prePage = pages[pages.length - 2];  //获取上一页面
prePage.setData({
     'search.page': 1  //给上一页面的变量赋值
})
prePage.getPageData(); //调用上一页面的方法(加载数据)
wx.navigateBack({     //返回上一页面
      delta: 1,
})

//预览图片,放大预览

preview(event) {

console.log(event.currentTarget.dataset.src)

let currentUrl = event.currentTarget.dataset.src wx.previewImage({

current: currentUrl, // 当前显示图片的http链接

urls: this.data.imgList // 需要预览的图片http链接列表

}) }

//文本过长,自动换行

word-break: keep-all;word-wrap: break-word;white-space: pre-line;

//wxml双重循环怎么获取父循环节点的下标

父循环 wx:for-index="parentindex",子循环data-index="{{preantindex}}父循环下标"

//images mode 有效值:

scaleToFill 缩放模式(默认属性),不保持纵横比缩放图片,使图片的宽高完全拉伸至填满 image 元素

aspectFit 缩放模式,保持纵横比缩放图片,使图片的长边能完全显示出来。也就是说,可以完整地将图片显示出来。

aspectFill 缩放模式,保持纵横比缩放图片,只保证图片的短边能完全显示出来。也就是说,图片通常只在水平或垂直方向是完整的,另一个方向将会发生截取。
 

 

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值