js实现数据的双向绑定
Posted 笨鸟使劲飞
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了js实现数据的双向绑定相关的知识，希望对你有一定的参考价值。
今天用原生js来实现一个数据的双向绑定
知识点：object.defineProperty()
三个参数：
第一个：要定义属性的对象，
第二个：要定义或者修改的属性的名称
第三个：将被定义或者修改的属性的描述
<input type="text" id="inp"/>
<p id="showText"></p>
<script>
var obj = {};
Object.defineProperty(obj,"newProp",{
get:function(){
return obj;
},
set:function(newVal){
document.getElementById("inp").value = newVal;
document.getElementById("showText").innerhtml = newVal;
}
})
document.addEventListener("keyup",function(e){
obj.newProp = e.target.value;
})
</script>
以上是关于js实现数据的双向绑定的主要内容，如果未能解决你的问题，请参考以下文章