03使用Want Weapp进行路由跳转

因为这里使用的是第三方库,所以你要引入哈。
在app.json中引入哈。

 "usingComponents": {
        "van-cell": "@vant/weapp/cell/index",
        "van-cell-group": "@vant/weapp/cell-group/index"
    },

虽然官网值这样说的,但是这样是要不得的,这是一个坑

引入
在app.json或index.json中引入组件,详细介绍见快速上手

"usingComponents": {
  "van-cell": "path/to/@vant/weapp/dist/cell/index",
  "van-cell-group": "path/to/@vant/weapp/dist/cell-group/index"
}
这样要不得哈  要将 path/to/去除   还要将 /dist去除

***这里循环的时候,不能直接在vant-cell中循环,因为这是自定义的。
所以外面在加一层view标签哈
border="{{borderfalse}}" 值为false不要下边框
custom-class="iconfont {{item.iocn}}" 自定义class。用来显示阿里字体图标库


wxml

 <view wx:for="{{gotoList}}">
        <van-cell custom-class="iconfont {{item.iocn}}" is-link border="{{borderfalse}}" title="{{item.cont}}"
            link-type="navigateTo" url="/pages/othertest/othertest" />
    </view>
     js

 borderfalse: false, //不要边框

    // list中的跳转
    gotoList: [
      {
        url: "/pages/othertest/othertest",
        cont: "个人主页",
        iocn: "icon-system"
      },
      {
        url: "/pages/othertest/othertest",
        cont: "牛人问答",
        iocn: "icon-service"
      },
    ]

posted @   何人陪我共长生  阅读(1003)  评论(0编辑  收藏  举报
编辑推荐:
· 浏览器原生「磁吸」效果!Anchor Positioning 锚点定位神器解析
· 没有源码,如何修改代码逻辑?
· 一个奇形怪状的面试题:Bean中的CHM要不要加volatile?
· [.NET]调用本地 Deepseek 模型
· 一个费力不讨好的项目,让我损失了近一半的绩效!
阅读排行:
· 百万级群聊的设计实践
· 永远不要相信用户的输入:从 SQL 注入攻防看输入验证的重要性
· 全网最简单!3分钟用满血DeepSeek R1开发一款AI智能客服,零代码轻松接入微信、公众号、小程
· .NET 10 首个预览版发布,跨平台开发与性能全面提升
· 《HelloGitHub》第 107 期
点击右上角即可分享
微信分享提示