首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    微信小程序----修改data中的数据,页面数据不改变

    从上边代码和效果图我们可以看出:1、习惯的赋值方式“=”在逻辑层是起到了作用改变了isShow;2、视图层的并没有发生变化。...结论就是常规的“=”赋值方式,在微信小程序中只能改变data中的数据,而不能改变视图层的数据,那么微信小程序怎么解决这个问题的,setData()方法。...Page.prototype.setData() setData 函数用于将数据从逻辑层发送到视图层(异步),同时改变对应的 this.data 的值(同步)。...将数据从逻辑层发送到视图层----这个刚好解决我们这里出现的错误,视图层数据的改变 改变对应的 this.data 的值----同时在逻辑层将data中的值改变 Page({ data: {...setData函数注意事项 直接修改 this.data 而不调用 this.setData 是无法改变页面的状态的,还会造成数据不一致。

    7.1K20

    是否还在疑惑Vue.js中组件的data为什么是函数类型而不是对象类型

    分析Vue.js组件中的data为何是函数类型而非对象类型 引言 正文 一、Vue.jsdata的使用 二、data为对象类型 三、data为函数 结束语 引言 要理解本篇文章,必须具备JavaScript...}) 这个例子一般是在我们刚开始学Vue.js时遇到的。...vm1中的data.name值并没有改变。...{{ name }} //渲染成 王五 我们可以看到,只改变了实例对象vm2中的data.name,为何实例对象vm1中的data.name值也改变了...'55'},所以当我们改变其中一个实例对象的data.name时,其实是先顺着地址去找到内存中的那个对象,然后改变一些值,但是因为所有创建的实例都是按照地址去寻找值的,所以其中一个改变,另一个也跟着改变

    3.4K30

    Vue.js 入门

    前端页面同事推荐用vue.js,因为简单快速,当然前提是基于你对前端的html,css,js有一定的了解 资料 vue.js 官网: https://cn.vuejs.org/ axios: https...www.npmjs.com/package/axios 实例说明 整体思路 items用于页面展示,contact用于新增数据的存储,editContact用于修改数据的存储和展示 新建数据,页面form跟data...绑定,存储在data中,axios获取data中的数据,向后端发起请求插入数据库,插入数据成功后,将前端form的数据存在items中用于页面展示; 修改数据,通过页面item.id通过axio向后端获取数据...然后弹出窗口绑定了click时间触发后端editContact方法; 删除数据,页面数据通过直接获取item.id直接调用后端的删除接口,然后前端items也删除数据; 查询数据,直接接口 实例Vue,data...中的contact双向绑定,页面填写的数据会保存在data.contact中,可以修改data.contact的数据来控制页面的数据展示 <form role="form" class="form-horizontal

    4.1K50

    扫码

    添加站长 进交流群

    领取专属 10元无门槛券

    手把手带您无忧上云

    扫码加入开发者社群

    相关资讯

    热门标签

    活动推荐

      运营活动

      活动名称
      广告关闭
      领券