微信小程序数据绑定

最新推荐文章于 2024-10-17 15:15:17 发布

学习中......

最新推荐文章于 2024-10-17 15:15:17 发布

阅读量173

点赞数

分类专栏：微信小程序文章标签：前端框架 Powered by 金山文档

本文链接：https://blog.csdn.net/m0_60139936/article/details/129150611

版权

微信小程序专栏收录该内容

2 篇文章 0 订阅

订阅专栏

文章介绍了在小程序中如何使用双大括号进行数据绑定，展示数据1，并通过<button>元素触发changeData函数来改变数据。在JS文件中定义了data对象初始化message为写作业，然后在事件处理函数中，使用this.setData更新message为听音乐，实现了前端数据的动态变化。

摘要由CSDN通过智能技术生成

1.双大括号里写上数据的名称，

<view>数据1：{{message}}</view><!--双大括号里写上数据的名称-->
<button bindtap="changeData">点击修改数据</button>

2.然后在.js的data里写上数据

 data: {
     message:"写作业"
  },

3.写上事件

changeData:function(){
    //获取数据
   // console.log(this.data.message);
    //只改后端不改前端
    //this.data.message="听音乐";
   // console.log(this.data.message);
    //改前后端
    this.setData({message:"听音乐"});
    console.log(this.data.message)
  }