“'数据绑定'基础”的版本间的差异
来自CloudWiki
(创建页面,内容为“.”) |
|||
第1行: | 第1行: | ||
. | . | ||
+ | ==内容== | ||
+ | |||
+ | 将数据从js脚本文件中绑定到wxml前端文件中,实现数据的传递 | ||
+ | |||
+ | ==操作== | ||
+ | 数据绑定的语法: | ||
+ | {{js脚本文件中写入的名称变量}} | ||
+ | |||
+ | 1.单个数据进行绑定: | ||
+ | |||
+ | <text class="post-date">Nov 18 2016</text> | ||
+ | <text class="post-date">{{date}}</text> | ||
+ | |||
+ | js脚本文件中的名称变量 | ||
+ | date:{ | ||
+ | date:”Now 18 2016“, | ||
+ | } | ||
+ | |||
+ | 数据的绑定是单向性的,前端与后台脚本文件,文件名称变量必须保持一致 | ||
+ | |||
+ | 2.多条数据进行数据绑定: | ||
+ | |||
+ | var post_content1={ | ||
+ | date:"Now 18 2016", | ||
+ | title:"正是虾肥蟹壮时", | ||
+ | post_img:"/image/post/crab.png", | ||
+ | content:"菊黄蟹正肥,品尝秋之味,徐志摩把,“看初花的荻芦”", | ||
+ | view_num:"112", | ||
+ | collect_num:"96", | ||
+ | author_img:"/images/avatar/1.png", | ||
+ | } | ||
+ | |||
+ | setDate 语法:等同于把多条内容直接复制到js文件中进行编写 | ||
+ | |||
+ | page({ | ||
+ | date:{ | ||
+ | var post_content1={ | ||
+ | date:"Now 18 2016", | ||
+ | title:"正是虾肥蟹壮时", | ||
+ | post_img:"/image/post/crab.png", | ||
+ | content:"菊黄蟹正肥,品尝秋之味,徐志摩把,“看初花的荻芦”", | ||
+ | view_num:"112", | ||
+ | collect_num:"96", | ||
+ | author_img:"/images/avatar/1.png", | ||
+ | }, | ||
+ | |||
+ | |||
+ | 注意事项:在image属性下绑定时需要加“”而在text下绑定是不需要 | ||
+ | <image class="post-author" src="{{suthor_img}}></image> | ||
+ | <text class="post-title">{{title}}</text> |
2018年11月10日 (六) 04:02的版本
.
内容
将数据从js脚本文件中绑定到wxml前端文件中,实现数据的传递
操作
数据绑定的语法: 模板:Js脚本文件中写入的名称变量
1.单个数据进行绑定:
<text class="post-date">Nov 18 2016</text> <text class="post-date">模板:Date</text>
js脚本文件中的名称变量 date:{
date:”Now 18 2016“,
}
数据的绑定是单向性的,前端与后台脚本文件,文件名称变量必须保持一致
2.多条数据进行数据绑定:
var post_content1={
date:"Now 18 2016", title:"正是虾肥蟹壮时", post_img:"/image/post/crab.png", content:"菊黄蟹正肥,品尝秋之味,徐志摩把,“看初花的荻芦”", view_num:"112", collect_num:"96", author_img:"/images/avatar/1.png",
}
setDate 语法:等同于把多条内容直接复制到js文件中进行编写
page({ date:{ var post_content1={
date:"Now 18 2016", title:"正是虾肥蟹壮时", post_img:"/image/post/crab.png", content:"菊黄蟹正肥,品尝秋之味,徐志摩把,“看初花的荻芦”", view_num:"112", collect_num:"96", author_img:"/images/avatar/1.png",
},
注意事项:在image属性下绑定时需要加“”而在text下绑定是不需要
<image class="post-author" src="模板:Suthor img></image>
<text class="post-title">模板:Title</text>