微信小程序数据绑定

学习中......

于 2023-02-21 21:36:27 发布

阅读量208

点赞数

分类专栏：微信小程序文章标签：前端框架

本文链接：https://blog.youkuaiyun.com/m0_60139936/article/details/129150611

版权

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

2 篇文章

订阅专栏

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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)
  }