【VSCode+微信开发者工具】开发小程序遇到问题1——点击某个AtGrid不能跳转

最新推荐文章于 2024-09-09 20:11:32 发布

一研为定

最新推荐文章于 2024-09-09 20:11:32 发布

阅读量909

点赞数 2

分类专栏：微信小程序开发遇到的问题文章标签：小程序 java javascript

本文链接：https://blog.csdn.net/qq_51196770/article/details/113819496

版权

在开发微信小程序时，使用Taro UI的AtGrid组件遇到点击不跳转的问题。分析原因包括缺少跳转代码、未绑定onClick事件、目标页面未在app.js中引入、组件未正确引入或图片路径错误。解决方案是添加必要的跳转代码，确保onClick事件绑定，并检查页面引入和资源路径的正确性。

摘要由CSDN通过智能技术生成

项目场景：

开发微信小程序的过程中，我想使用Grid 栅格布局，栅格布局中点击每个小图标都能跳转到相应的页面。我选择使用Taro UI官网的模板。

问题描述：

在我使用了官网给的代码后，发现点击某个图标并不能跳转到我想要的位置。
我使用官方代码的方法是：
1.在 Taro 文件中引入组件

import {
    AtGrid } from "taro-ui"

如果你的代码中引用了类似import { AtGrid } from "taro-ui"这样方式的代码，那末你可以直接把AtGrid写在{}里面，比如

import {
    AtInput, AtTabs,AtButton,AtTabsPane,AtGrid  } from "taro-ui"

2.布局（粘贴官网上给的如下模板）
我选择的是矩形用法

<AtGrid mode='rect' data={
   
 [
    {
   
      image: 'https://img12.360buyimg.com/jdphoto/s72x72_jfs/t6160/14/2008729947/2754/7d512a86/595c3aeeNa89ddf71.png',
      value: '领取中心'
    },
    {
   
      image: 'https://img20.360buyimg.com/jdphoto/s72x72_jfs/t15151/308/1012305375/2300/536ee6ef/5a411466N040a074b.png',
      value: '找折扣'
    },
    {
   
      image: 'https://img10.360buyimg.com/jdphoto/s72x72_jfs/t5872/209/5240187906/2872/8fa98cd/595c3b2aN4155b931.png',
      value: '领会员'
    },
    {
   
      image: 'https://img12.360buyimg.com/jdphoto/s72x72_jfs/t10660/330/203667368/1672/801735d7/59c85643N31e68303.png',
      value