美文网首页微信小程序
7-14 电影页面数据绑定(下)

7-14 电影页面数据绑定(下)

作者: 留白_汉服vs插画 | 来源:发表于2017-11-26 14:28 被阅读11次

同时加载三个的时候,就会出现问题。如下:

movies.wxml movie.js

因为11-13(异步的)后加载的内容覆盖的先加载的内容,所以三行显示都是一样的东西。那么在数据绑定的时候,可以在data中设置三个变量,coming_soon ,in_theaters,top250。然后函数传递的是两个参数,第二个参数是一个标记,标记传递的是哪一个URL地址。

这个函数不懂。

推测一下逻辑:61行,直接设置setData,所以这里的movieData相当于覆盖了page中的data。(也就是4-8行),sign是下标,可以用属性名当下标,分别传进去的属性名为coming_soon,in_theater,top250。这个属性名下面又有一个movies的属性。所以把上面的5-7行代码去掉之后,应该也是可行的。实际尝试后,去掉代码,能正确渲染,但是会有报错。因为13-15是异步的,加载之后,绑定不到,就会出错(我也不知道啥意思,哈哈哈)。

59行,是给对象添加一个属性movies,当movies.xwml中5,8,11数据绑定时候,data展开时候,

下面的movieListTemplate中的13行数据绑定的时候,就能统一用movies了。

只显示了最后加载的一个。

相关文章

  • 7-14 电影页面数据绑定(下)

    同时加载三个的时候,就会出现问题。如下: 因为11-13(异步的)后加载的内容覆盖的先加载的内容,所以三行显示都是...

  • vue打卡-v-model

    v-model数据双向绑定数据 -> 页面 页面 -> 数据

  • react 页面的数据绑定和渲染

    页面的数据绑定也渲染(循环,条件判断,数据绑定)

  • 小程序 小方法

    微信小程序input数据双向绑定 简单实现双向数据绑定--对象下的属性赋值绑定(可以自己改一元变量方式)每个页面引...

  • vue-数据绑定

    1.单项数据绑定数据只能从data流向页面2.双向数据绑定数据能让data流向页面,还可以冲页面流向data

  • 03微信小程序-视图与逻辑1

    数据绑定与事件绑定 定义页面的数据 小程序中每个页面,由4部分组成,其中 .js 文件内可以定义页面的数据、生命周...

  • 四,表单的双向绑定

    首先先理解什么是数据的双向绑定,所谓数据的双向绑定就是,数据的修改可以改变页面,而页面上修改也可以改变后端的数据。...

  • Asp.Net(c#)数据绑定(入门学习笔记3)

    数据绑定 将数据源(变量、属性、集合、数据字典)绑定到页面的特定位置。以及将页面的数据跟新到数据源中。 简单的属性...

  • vue的优势

    vue是单页面应用,页面局部刷新 ,响应的数据绑定/响应式编程,组件化,轻量级框架,简单易学,双向数据绑定,视图数...

  • vue学习(4)数据绑定

    知识点 vue中有两种数据绑定的方式1:单项数据绑定(v-bind),数据只能从data流向页面。2:双向数据绑定...

网友评论

    本文标题:7-14 电影页面数据绑定(下)

    本文链接:https://www.haomeiwen.com/subject/lcukbxtx.html