收藏
回答

如何使wx:for渲染的几个view或navigator导航到不同页面?

如图,图1渲染的组件,假设点击“企业介绍”,跳转到/page/a1/a1,点击“扫码查询”,跳转到/pages/a2/a2

求教代码该怎么写

这是我的代码,我是新手,有点懵

<view class="grid-list">

  <navigator class="grid-itemwx:for="{{gridList}}" wx:key="_idurl="这里怎么写"> //渲染三个图标

    <image src="{{item.path}}"></image> //图片

    <text>{{item.text}}</text> //图片下方文本

  </navigator>

</view>


最后一次编辑于  2022-04-19
回答关注问题邀请回答
收藏

2 个回答

  • 肖荣豪
    肖荣豪
    2022-04-19
            gridList: [
                {
                    path: '图片路径',
                    text: '企业介绍',
                    url: '/page/a1/a1'
                },
                {
                    path: '图片路径',
                    text: '扫码查询',
                    url: '/page/a2/a2'
                }, {
                    path: '图片路径',
                    text: '联系我们',
                    url: '/page/a3/a3'
                }
            ]
    
    
     <navigator class="grid-item" wx:for="{{gridList}}" wx:key="_id" url="{{ item.url }}"> //渲染三个图标
    
    2022-04-19
    有用 2
    回复 1
    • pc名字叫马的龙12138
      pc名字叫马的龙12138
      发表于移动端
      2022-04-19
      感谢感谢,本菜鸟属实是没想到,解决了哈哈哈
      2022-04-19
      回复
  • zhiou
    zhiou
    2022-04-19
    1,如果是不同的页面
      url="{{item.url}}"
      gridList:[
        {path:'图片路径',text:'企业介绍',url:'/pages/a1/a1'},
        {path:'图片路径',text:'扫码查询',url:'/pages/a2/a2'},
        ...
      ]
    2,如果是相同的页面可以写成固定的url
    


    2022-04-19
    有用 1
    回复 1
登录 后发表内容