收藏
回答

我想问一个超级简单的问题,H5里的 a href=xxx?id=xxx在小程序是怎么实现的?

我想问一个超级简单的问题,H5里的 a href=xxx?id=xxx在小程序的列表渲染是怎么实现的?

我用navigator吧,navigator内只能放文字,不能放图片等复杂元素,达到点击图片就跳转的效果。

我用 <view bindtap=xxxx > <image>.... </view> 吧,这个bintap 又不知道怎么把id参数放进去

回答关注问题邀请回答
收藏

5 个回答

  • Smooth
    Smooth
    2021-11-17

    绑定一个bindtap按钮事件,事件包含一个wx.navigateTo的api,url中填写url并加上 ?id=xxx 的方式拼接到url尾部

    2021-11-17
    有用 3
    回复
  • Z
    Z
    2021-11-17

    在bindtap的相应的事件处理函数里使用wx.navigateTo(Object object)


    2021-11-17
    有用 2
    回复
  • 游戏结束べ
    游戏结束べ
    2021-11-17

    https://developers.weixin.qq.com/miniprogram/dev/api/route/wx.navigateTo.html

    2021-11-17
    有用 1
    回复 5
    • 游戏结束べ
      游戏结束べ
      2021-11-17
      wxml:
      <button bindtap="getPhoneNumber" data-obj={{true}}>单击</button>
      js:
      getPhoneNumber (e) {
          console.log(e.currentTarget.dataset.obj)
        }
      2021-11-17
      1
      回复
    • 游戏结束べ
      游戏结束べ
      2021-11-17
      2021-11-17
      1
      回复
    • 林东平
      林东平
      2021-11-17
      监控 e.currentTarget.dataset.obj 只得到一个"true"
      2021-11-17
      回复
    • 林东平
      林东平
      2021-11-17
      我明白了,data-obj={{}} 对应的是e.currentTarget.dataset.obj ,谢谢
      2021-11-17
      回复
    • 游戏结束べ
      游戏结束べ
      2021-11-17回复林东平
      客气了
      2021-11-17
      回复
  • 青团社
    青团社
    2021-11-17
    <view class="column"  wx:for="{{list}}" wx:key="*this" >       
      <view data-id="{{item.id}}" bindtap="handleClick"> --//这里点击跳转到 xxx?id=item.id
        <image  src="{{item.avatar}}" />
      </view>
    </view>
    
    
    handleClick(e) {
      const {dataset: { id } = {}} = e.currentTarget
      wx.navigateTo({
        url: `/pages/xxx/xxx?id=${id}`
      })
    }
    
    2021-11-17
    有用
    回复 8
    • 林东平
      林东平
      2021-11-17
      谢谢,明白了,就是通过设置元素的 data-xxx属性,传递到元素触发的事件参数里,希望小程序下个版本能改进一下,感觉很简单的一个事情,用起来要绕一圈很复杂,既要定义点击事件处理,还要设置参数的传递。
      形如  <view  wx:for={{list}}  navigateto=xxxxx?id={{item.id}}  不就很简单方便了吗
      2021-11-17
      回复
    • 青团社
      青团社
      2021-11-18回复林东平
      2021-11-18
      回复
    • 林东平
      林东平
      发表于移动端
      2021-11-18回复青团社
      缺点是navigator,只能用文字做链接,我这里是点击图片跳转。
      2021-11-18
      1
      回复
    • 青团社
      青团社
      2021-11-18回复林东平
      2021-11-18
      回复
    • 林东平
      林东平
      发表于移动端
      2021-11-18回复青团社
      试过了,点击没反应
      2021-11-18
      回复
    查看更多(3)
  • 林东平
    林东平
    2021-11-17

    谢谢,没太看懂,这个似乎只是个单个的一个跳转链接。我的是列表渲染绑定。 类似这样

      <div class="column"  wx:for="{{list}}" wx:for-item="item" >       

                <view bindtap="xxxxxx"   > --//这里点击跳转到 xxx?id=item.id

                <image   src="{{item.avatar}}" />

    </view>

    </view>


    2021-11-17
    有用
    回复 4
    • 游戏结束べ
      游戏结束べ
      2021-11-17
      2021-11-17
      1
      回复
    • 游戏结束べ
      游戏结束べ
      2021-11-17
      xxxxxx(e){
          var id=e.currentTarget.dataset.id;
          wx.navigateTo({
            url: 'test?id='+id, //test是对应的路径,比如page/login/login
            success: function(res) {
              console.log(成功)
            }
          })
        }
      2021-11-17
      1
      回复
    • 游戏结束べ
      游戏结束べ
      2021-11-17
      还有这里有个问题,发现没
      2021-11-17
      1
      回复
    • 林东平
      林东平
      2021-11-17回复游戏结束べ
      谢谢指出,我发帖子临时改的,代码不是这样
      2021-11-17
      回复
登录 后发表内容