微信小程序url传参写变量的方法


Posted in Javascript onAugust 09, 2018

具体代码如下所示:

<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>

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

总结

以上所述是小编给大家介绍的微信小程序url传参写变量的方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
WEB页子窗口(showModalDialog和showModelessDialog)使用说明
Oct 25 Javascript
js中将字符串转换成json的三种方式
Jan 12 Javascript
Javascript的表单验证长度
Mar 16 Javascript
深入解析JavaScript中函数的Currying柯里化
Mar 19 Javascript
jQuery查找节点并获取节点属性的方法
Sep 09 Javascript
node.js 和HTML5开发本地桌面应用程序
Dec 13 Javascript
简单实现bootstrap选项卡效果
Feb 08 Javascript
微信小程序访问node.js接口服务器搭建教程
Apr 25 Javascript
vue 项目常用加载器及配置详解
Jan 22 Javascript
layui关闭层级、简单监听的实例
Sep 06 Javascript
Vuex的实战使用详解
Oct 31 Javascript
简单了解常用的JavaScript 库
Jul 16 Javascript
angular6.x中ngTemplateOutlet指令的使用示例
Aug 09 #Javascript
koa上传excel文件并解析的实现方法
Aug 09 #Javascript
使用layer弹窗和layui表单实现新增功能
Aug 09 #Javascript
vue-cli初始化项目中使用less的方法
Aug 09 #Javascript
video.js 实现视频只能后退不能快进的思路详解
Aug 09 #Javascript
JavaScript面向对象继承原理与实现方法分析
Aug 09 #Javascript
vue使用ajax获取后台数据进行显示的示例
Aug 09 #Javascript
You might like
php 文章采集正则代码
2009/12/28 PHP
php控制linux服务器常用功能 关机 重启 开新站点等
2012/09/05 PHP
laravel5.2实现区分前后台用户登录的方法
2017/01/11 PHP
JQuery 实现的页面滚动时浮动窗口控件
2009/07/10 Javascript
JavaScript高级程序设计(第3版)学习笔记4 js运算符和操作符
2012/10/11 Javascript
javascript采用数组实现tab菜单切换效果
2012/12/12 Javascript
Android中资源文件(非代码部分)的使用概览
2012/12/18 Javascript
Javascript单元测试框架QUnitjs详细介绍
2014/05/08 Javascript
Javascript图片上传前的本地预览实例
2014/06/16 Javascript
AngularJS语法详解(续)
2015/01/23 Javascript
js检测判断日期大于多少天的方法
2015/05/04 Javascript
使用jQuery的easydrag插件实现可拖动的DIV弹出框
2016/02/19 Javascript
AngularJS Ajax详解及示例代码
2016/08/17 Javascript
js将字符串中的每一个单词的首字母变为大写其余均为小写
2017/01/05 Javascript
AngularJS实现使用路由切换视图的方法
2017/01/24 Javascript
Ionic3实现图片瀑布流布局
2017/08/09 Javascript
jQuery niceScroll滚动条错位问题的解决方法
2018/02/03 jQuery
Vue绑定内联样式问题
2018/10/17 Javascript
three.js实现圆柱体
2018/12/30 Javascript
js实现漂亮的星空背景
2019/11/01 Javascript
[39:02]DOTA2亚洲邀请赛 3.31 小组赛 B组 Mineski vs VGJ.T
2018/04/01 DOTA
基于Python的XSS测试工具XSStrike使用方法
2017/07/29 Python
Python学习之Django的管理界面代码示例
2018/02/10 Python
浅谈python的dataframe与series的创建方法
2018/11/12 Python
Opencv实现抠图背景图替换功能
2019/05/21 Python
pandas分区间,算频率的实例
2019/07/04 Python
python argparser的具体使用
2019/11/10 Python
python切割图片的示例
2020/11/12 Python
意大利一家专营包包和配饰的网上商店:Borse Last Minute
2019/08/26 全球购物
介绍一下SOA和SOA的基本特征
2016/02/24 面试题
造价工程师个人求职信
2013/09/21 职场文书
人力资源管理专业自荐书
2014/07/07 职场文书
2014年外联部工作总结
2014/11/17 职场文书
2015国庆节宣传语
2015/07/14 职场文书
2015年思想品德教学工作总结
2015/07/22 职场文书
学子宴致辞大全
2015/07/27 职场文书