• 简书网微信公众号二维码
您当前的位置: 首页 > 知识百科 > 怎么修改展示小程序里面的资料具体步骤?

怎么修改展示小程序里面的资料具体步骤?

时间:2023-07-01 14:05 阅读数:120 人阅读 分类:知识百科

  小程序的资料一般会展现在视图层,但是有的小程序开发者不够细心就会把资料填错,那么怎么修改展示小程序里面的资料呢?一起来看一看相关操作吧。

  我们在正常的开发上,一般都比较少把视图层上面的数据写成固定形式的,很多都是通过动态获取数据时并更新小程序页面上的数据显示出来

  下面让我们来一些学习,如何动态修改小程序视图层的资料和数据。

  需求:创建一个按钮,点击这个小程序按钮,改变视图层上面的数据

  示例:

  新建一个微信小程序的Hello World项目,找到index.wxml文件

  index.wxml:

  使用一个元素,使用bindtap事件作为点击事件

  

  index.js:

  在Page({})内,定义一Page个函数changeMotto,函数内部中使用关键字this,this代表对象,

  调用setData()函数,里面传入一个Object对象作为参数,把motto的这个字符串变量,重新赋值为“你好 世界”

  

  F5刷新运行项目:

  点击按钮后,就改变了视图上的数据

  总结:

  在这个小程序开发中,我们只需要改变数据,视图就会作出相应的更新,这我angular JS的双向数据绑定是类似的。

  我们不需要改视图的东西,即不用我们通过dom之类的操作,对视图进行更改。

  只要学会了修改视图,那么怎么修改展示小程序里面的资料这个问题就迎刃而解了,大家参照上述流程试一试吧,操作起来并不复杂。想要获取更多相关资料请关注微信小程序商店。

  

  微信小程序修改全局变量怎么做?

  微信小程序修改名字怎么做?如何改小程序名字?

  微信小程序修改后怎样编译?