码迷,mamicode.com
首页 > 其他好文 > 详细

小程序开发--数据绑定

时间:2018-03-03 00:39:10      阅读:138      评论:0      收藏:0      [点我收藏+]

标签:结果   gpo   一个   this   his   html   逻辑运算   字符   分享图片   

  首先,在小程序中,是没有DOM这个概念的,所以在数据绑定这方面,小程序和Vue是一个思想的,即数据优先。

  绑定的方法其实非常之简单,在Vue中,我们用{{ }}来做数据的单向绑定,等同于v-html,即脚本js指向html。在小程序中同样如此,用{{ }}表示单向数据绑定,表示从js指向wxml。在小程序中,这个同样是可以进行简单逻辑运算的,比如我们在花括号里面可以进行一些简单的字符串拼接,以及一些变量的简单的四则运算。

  技术分享图片(在wxml中)

  技术分享图片(在js中)

    技术分享图片(在模拟器中的运行结果)

  另外在控制元素是否渲染时,Vue有v-if这种用法,而小程序类似的同样有wx:if=“{{boolean}}”,通过在js中控制boolean为true或false(注意,不是字符串类型的true或false),来控制这个元素是否渲染。

  另外,我这里做了一个假数据,假设这是我们从服务器获取到的数据,在onLoad这里调用this.setData就可以把数据一一部署到data中了,还是很方便的。

  技术分享图片

小程序开发--数据绑定

标签:结果   gpo   一个   this   his   html   逻辑运算   字符   分享图片   

原文地址:https://www.cnblogs.com/zhangnan35/p/8495507.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!