版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/qq_40670946/article/details/82495835
使用场景:
小程序上体点击图跳转广告(百度这种链接)
直接上代码:
index.wxml
<!--pages/index/index.wxml-->
<view wx:for="{{nav}}" wx:key="{{item}}">
<image src='{{item.img}}' data-url="{{item.link}}" bindtap="intoUrl"></image>
</view>
index.js
<!--pages/index/index.js-->
Page({
data:{
nav: [
{
name: '你很不错',
img: '../../img-test/8.jpg',
link:"http://www.baidu.com"
},
{
name: '怎么?',
img: '../../img-test/9.jpg',
link: "http://www.baidu.com"
},
{
name: '忧郁的眼神',
img: '../../img-test/10.jpg',
link: "http://www.baidu.com"
}
]
},
//点击事件
intoUrl:function(e){
console.log(e);
//获取data-url (笔者是从e对象中取,具体看调试中的值)下面有讲解链接:微信小程序中target与currentTarget
let url = e.currentTarget.dataset.url;
wx.navigateTo({
url: '../out/out?url=' + url, //注意修改路径
success: function () {
},
fail: function () { }, //失败后的回调;
complete: function () { } //结束后的回调(成功,失败都会执行)
})
}
})
注意:如果data-url="{{item.link}}" 改为data-URL="{{item.link}}",e对象中大写字母会被转换为小写字母,取值应当为e.currentTarget.dataset.url而不是e.currentTarget.dataset.URL
out.wxml
<!--外部链接pages/out/out.wxml-->
<web-view src="{{url}}"></web-view>
out.js
// pages/out/out.js
Page({
data: {
url:''
},
onLoad: function (options) {
this.setData({
url: options.url
});
}
})
更多的传值技巧:https://www.jianshu.com/p/2ad63f6295fd
微信小程序中取值target与currentTarget:https://www.cnblogs.com/lxm-ivamos/p/7613883.html
java+ssm后台解密:https://blog.csdn.net/abgglive/article/details/80666807
java+servlet后台解密:https://blog.csdn.net/gaoqisong/article/details/81975375
微信小程序-横向滑动scroll-view隐藏滚动条:https://blog.csdn.net/qq_24734285/article/details/53912799
解决JS浮点数(小数)计算加减乘除的BUG:https://blog.csdn.net/lg_lin/article/details/50729695