原生JS双向数据绑定实现

时间:2021-08-20 12:27:52
【文件属性】:

文件名称:原生JS双向数据绑定实现

文件大小:3KB

文件格式:ZIP

更新时间:2021-08-20 12:27:52

数据绑定 原生JS 数据双向绑定

/** *原生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"/> * * *

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


【文件预览】:
databind
----test.html(1KB)
----DbBind.js(7KB)

网友评论