原生JS双向数据绑定实现

最新推荐文章于 2023-12-29 21:15:01 发布

wall路小飞

最新推荐文章于 2023-12-29 21:15:01 发布

阅读量1.2k

点赞数

文章标签：原生JS 数据双向绑定

本文链接：https://blog.csdn.net/wang1u1u/article/details/81318518

版权

js 专栏收录该内容

11 篇文章 0 订阅

订阅专栏

原生JS双向数据绑定实现点击下载
 *@author wall
 *@date 2018-06-20 
 *@desc 实现可配置属性的双向数据绑定
 *使用说明:
 *1.声明全局对象:如
 * var test = {
 *      topInfo: {
 *    name:"张三",
 *    age:18,
 *    width:400
 *   }
 *     };
 *2.设置HTML数据绑定标签属性如
 *  <input data-bind="test.topInfo.name" style-width="test.topInfo.width"/>
 * <data-show data-bind="test.topInfo.name"></data-show>
 *  <img data-bind="test.topInfo.name" style-display="test.topInfo.display"></img>
 *

                             <div data-bind="test.topInfo.name"></div>
 * 
 *3.在文档加载完成后执行:DataBind.initBind();会将本文档内的所有符合设置的节点进行数据绑定
 *4.目前支持的标签:data-show input img div span textarea,后续可配置拓展
 *