Shulou(Shulou.com)05/31 Report--

This article mainly introduces the relevant knowledge of "Methods of Bidirectional Data Binding and Data Operation in Weixin Mini Programs (Mini)." The small editor shows you the operation process through actual cases. The operation method is simple, fast and practical. I hope this article "Methods of Bidirectional Data Binding and Data Operation in Weixin Mini Programs" can help you solve the problem.

Bidirectional Data Binding and Data Operation of Weixin Mini Programs

Two-way data binding refers to changes in js part of the data is html part of the data will also change, of course html part of the data changes js part of the data will also change, so that the interface is very convenient to achieve dynamic data display, generally have data two-way binding front-end framework are mvvm structure. Data bi-directional binding is a good thing, an1 an2 vue also have data bi-directional binding mechanism, and basically almost, copy to copy to go! The following is an example of a list of bidirectional binding and data operations.

1. Put the attribute to be bound in both directions in the data of the page, and then use {{attribute name}} in html to display the data;

2.that.setData({ synctable:res.data.data.list }); Use the setData method to assign values to synctable:res and update the corresponding data in the interface.

3.for(var i=0; that.data.synctable.length>i; i++){ that.data.synctable[i].top=i*40; } Use that.data.synctable to get the synctable value in data and add the top new field, and then use js to dynamically control the style properties (using this method to control styles is only for the implementation of drag lists, and generally does not control styles like this)

This is the introduction of "Data Bidirectional Binding and Data Operation Method in Weixin Mini Programs." Thank you for reading. If you want to know more about industry-related knowledge, you can pay attention to the industry information channel. Xiaobian will update different knowledge points for you every day.

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.