微信小程序(上)

微信小程序(上),第1张

<view>父组件msg的值:{{msg}}</view>

<Header msg="{{msg}}" bindchildChange="change" ></Header>

<block wx:for="{{list}}" wx:key="index">

<ListItem rItem="{{item}}" bindchildGO="childGO"></ListItem>

</block>

<Header  msg="{{msg}}"></Header>

/ pages/list/listwxss /

item{

    padding: 5px;

}

img1{

    width: 120px;

    height: 120px;

    border-radius: 5px;

}

row{

    flex: 1;

    height: 120px;

}

title{

    padding: 10px;

}

dec{

    padding:0 10px;

}

// pages/list/listjs

Page({

    /

      页面的初始数据

     /

    data: {

        msg:"你是我的小宝贝",

     list:[{

         url:">

系统时间一般是值服务端时间,js获取服务端时间的方法是直接用ajax获取。1、编写显示时间的页面:Serverdate/time2、ajax脚本获取server的时间varxml>

一般setData方法多用于点击后改变页面信息或者刷新后与后台交互获取最新的信息

注意:

直接修改 thisdata 而不调用 thissetData 是无法改变页面的状态的,还会造成数据不一致

单次设置的数据不能超过1024kB,请尽量避免一次设置过多的数据。

方法如下:

js:

Page({  data: {

   text: 'init data',

   num: 0,

   array: [{text: 'init data'}],    object: {

     text: 'init data'

   }

 },

 changeText: function() {    // thisdatatext = 'changed data'  // bad, it can not work

   thissetData({

     text: 'changed data'

   })

 },

 changeNum: function() {    thisdatanum = 1

   thissetData({

     num: thisdatanum

   })

 },

 changeItemInArray: function() {    // you can use this way to modify a danamic data path

   thissetData({      'array[0]text':'changed data'

   })

 },

 changeItemInObject: function(){    thissetData({      'objecttext': 'changed data'

   });

 },

 addNewField: function() {    thissetData({      'newFieldtext': 'new data'

   })

 }

})

wxml:

<view>{{text}}</view><button bindtap="changeText"> Change normal data </button><view>{{num}}</view><button bindtap="changeNum"> Change normal num </button><view>{{array[0]text}}</view><button bindtap="changeItemInArray"> Change Array data </button><view>{{objecttext}}</view><button bindtap="changeItemInObject"> Change Object data </button><view>{{newFieldtext}}</view><button bindtap="addNewField"> Add new data </button>

以上就是关于微信小程序(上)全部的内容,包括:微信小程序(上)、小程序 使用upng.js 把小程序选择的图片转换为base64、微信小程序组件及获取用户权限等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/9826550.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-02
下一篇 2023-05-02

发表评论

登录后才能评论

评论列表(0条)

保存