微信小程序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 相关文章推荐
js 纯数字不重复排列的另类方法
Jul 17 Javascript
各情景下元素宽高的获取实现代码
Sep 13 Javascript
JS判断移动端访问设备并加载对应CSS样式
Jun 13 Javascript
jquery通过扩展select控件实现支持enter或focus选择的方法
Nov 19 Javascript
提升jQuery的性能需要做好七件事
Jan 11 Javascript
基于JavaScript实现回到页面顶部动画代码
May 24 Javascript
Bootstrap3使用typeahead插件实现自动补全功能
Jul 07 Javascript
JS简单去除数组中重复项的方法
Sep 13 Javascript
使用纯JS代码判断字符串中有多少汉字的实现方法(超简单实用)
Nov 12 Javascript
在vue中获取dom元素内容的方法
Jul 10 Javascript
babel之配置文件.babelrc入门详解
Feb 22 Javascript
layui table 表格模板按钮的实例代码
Sep 21 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四大安全策略
2014/03/12 PHP
PHP守护进程化在C和PHP环境下的实现
2017/11/21 PHP
背景音乐每次刷新都可以自动更换
2007/02/01 Javascript
javascript 数组排序函数
2009/08/20 Javascript
jQuery .tmpl(), .template()学习资料小结
2011/07/18 Javascript
深入理解JavaScript中的传值与传引用
2013/12/09 Javascript
js中confirm实现执行操作前弹出确认框的方法
2014/11/01 Javascript
javascript+HTML5的Canvas实现Lab单车动画效果
2015/08/07 Javascript
JavaScript实现打地鼠小游戏
2020/04/23 Javascript
浅谈jQuery框架Ajax常用选项
2017/07/08 jQuery
vue页面使用阿里oss上传功能的实例(一)
2017/08/09 Javascript
jQuery Position方法使用和兼容性
2017/08/23 jQuery
Sublime Text新建.vue模板并高亮(图文教程)
2017/10/26 Javascript
vue超时计算的组件实例代码
2018/07/09 Javascript
Node.js 实现远程桌面监控的方法步骤
2019/07/02 Javascript
python的re模块应用实例
2014/09/26 Python
Python增量循环删除MySQL表数据的方法
2016/09/23 Python
Python探索之爬取电商售卖信息代码示例
2017/10/27 Python
快速了解Python开发中的cookie及简单代码示例
2018/01/17 Python
python PyTorch预训练示例
2018/02/11 Python
python opencv对图像进行旋转且不裁剪图片的实现方法
2019/07/09 Python
Pycharm最新激活码2019(推荐)
2019/12/31 Python
pytorch:实现简单的GAN示例(MNIST数据集)
2020/01/10 Python
浅谈对python中if、elif、else的误解
2020/08/20 Python
解决Python3.7.0 SSL低版本导致Pip无法使用问题
2020/09/03 Python
CSS3 Columns分列式布局方法简介
2014/05/03 HTML / CSS
以特惠价提供在线奢侈品购物:FRMODA.com
2018/01/25 全球购物
印度化妆品购物网站:Nykaa
2018/07/22 全球购物
瑞典耳机品牌:URBANISTA
2019/12/03 全球购物
Spartoo美国:欧洲排名第一的在线时装零售商
2019/12/12 全球购物
戴森比利时官方网站:Dyson BE
2020/10/03 全球购物
一年级语文教学反思
2014/02/13 职场文书
《识字五》教学反思
2014/03/01 职场文书
学校会议通知范文
2015/04/15 职场文书
详解Python requests模块
2021/06/21 Python
Go语言 详解net的tcp服务
2022/04/14 Golang