专栏首页前端小叙小程序url传参如何写变量

小程序url传参如何写变量

<navigator url="../../pages/newsDetail/newsDetail?id={{news.id}}">
    <view class="list-item">
      <view class="little-item">
        <view class="left-box">
          <image src="{{news.thumb[0]}}"></image>
        </view>
        <view class="right-box">
          <view class="title">{{news.title}}</view>
          <view class="info">
            <view class="author-info">
              <view class="author-avatar">
                <image src="{{news.pubInfo.avatarUrl}}"></image>
              </view>
              <view class="author-other">
                <view>{{news.authorName}}</view>
                <!-- <view>{{news.pubInfo.introduction}}</view> -->
              </view>
            </view>
            <view>{{news.like}}赞 {{news.createAt}}</view>
          </view>
        </view>
      </view>
    </view>
  </navigator>

直接看第一行,直接在双引号里写静态部分,用双大括号绑定变量即可。

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • swiper4自动轮播切换手动触碰后停止踩坑——属性disableOnInteraction

    用户操作swiper之后,是否禁止autoplay。默认为true:停止。 如果设置为false,用户操作swiper之后自动切换不会停止,每次都会重新启动au...

    蓓蕾心晴
  • js实现图片粘贴上传到服务器并展示

    最近看了一些有关于js实现图片粘贴上传的demo,实现如下: (这里只能检测到截图粘贴和图片右键复制之后粘贴) demo1: document.addEvent...

    蓓蕾心晴
  • 手机端调用系统相册并上传图片

    css: 1 .upload-img{ 2 width:80%; 3 position:fixed; 4 top:50%; 5...

    蓓蕾心晴
  • Android6.0源码分析之View(一)

    目前对于view还处于学习阶段,本来打算学习结束之后再写一篇进行总结,但是发现自己自制力太差,学习效率太低,所以在此,边学边写博客,不仅督促自己完成对view的...

    fanfan
  • Android中View研究自学之路

    写这篇博客呢是在研究了view将近一个月之后,算是对自己的学习做一个总结,进而反思一下学习方法,本博文不涉及代码分析。

    fanfan
  • 小程序组件开发 -- 疫情动态

    之前有很多疫情相关的项目涌现,本弱鸡的作品至今只有一点点star,本着骗star的原则,把一个比较常用的功能组件进行封装,方便各位小程序开发者使用,组件代码放在...

    Kindear
  • Android中View研究自学之路 Android6.0源码分析之View(一)Android6.0源码分析之View(二)

    Android中View研究自学之路 http://blog.csdn.net/zrf1335348191/article/details/54171263 ...

    fanfan
  • android view转Bitmap生成截图的方法

    项目中经常会用到分享的功能,有分享链接也有分享图片,其中分享图片有的需要移动端对屏幕内容进行截取分享,说白了就是将view 转成bitmap 再到图片分享,还有...

    砸漏
  • View官方文档

    nimomeng
  • 微信小程序WXML页面常用语法(讲解+示例)

    官方说明:WXML(WeiXin Markup Language)是框架设计的一套标签语言,结合基础组件、事件系统,可以构建出页面的结构

    BWH_Steven

扫码关注云+社区

领取腾讯云代金券