“'数据绑定'基础”的版本间的差异
来自CloudWiki
(→操作) |
(→操作) |
||
第6行: | 第6行: | ||
==操作== | ==操作== | ||
数据绑定的语法: | 数据绑定的语法: | ||
− | + | { {js脚本文件中写入的名称变量} } | |
1.单个数据进行绑定: | 1.单个数据进行绑定: | ||
第12行: | 第12行: | ||
<text class="post-date">Nov 18 2016</text> | <text class="post-date">Nov 18 2016</text> | ||
− | <text class="post-date"> | + | <text class="post-date">{ {date} }</text> |
js脚本文件中的名称变量 | js脚本文件中的名称变量 |
2018年11月10日 (六) 04:04的版本
.
内容
将数据从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>