2***@qq.com
2***@qq.com
  • 发布:2024-04-03 23:22
  • 更新:2024-04-07 16:21
  • 阅读:94

如何使用宫格跳转

分类:uni-app

初学者使用了云端一体的那个框架做的,但是不知道怎么做宫格跳转界面的,pages和url都检查过了还是没法跳转,头已经晕了

<view class="example-body">  
      <uni-grid :column="3" :highlight="true" key="item.id" @click="navClick(item.id)">  
        <template v-for="(item,i) in gridList">  
          <uni-grid-item :index="i" :key="i" v-if="i<3 || i>2&&i<6&&hasLogin || i>5&&uniIDHasRole('admin')">  
            <view class="grid-item-box" style="background-color: #fff;">  
              <image :src="item.image" class="image" mode="aspectFit"> </image>  
              <text class="text">{{item.name}}</text>  
            </view>  
          </uni-grid-item>  
        </template>  
      </uni-grid>  
    </view>  

methods: {  
      navClick(newId) {  
        if (newId == 0) {  
          uni.navigateTo({  
            url: "/pages/wuye/index/index",
2024-04-03 23:22 负责人:无 分享
已邀请:
piaoyi_UI

piaoyi_UI - 【插件开发】【专治疑难杂症】【多款插件已上架:https://ext.dcloud.net.cn/publisher?id=193663(微信搜索飘逸科技UI小程序直接体验)】【骗子请绕道】问题咨询请加QQ群:120594820,代表作灵感实用工具小程序

页面路径和文件路径是对应的吗

DCloud_UNI_HRK

DCloud_UNI_HRK

传入fail回调函数,打印一下错误看看

锦鲤_接单

锦鲤_接单 - #接活#多年开发经验#帮您解决疑难杂症#Tel_18560000860

官方文档已经写的很清楚了,@change才是点击事件,你自己再写个@click应该不会触发

yuhespace

yuhespace

你的for循环位置有问题吧,为啥最上面item,<template v-for="(item,i) in gridList"> 这又一个item

要回复问题请先登录注册