双向数据绑定

68 阅读1分钟

就是在单向绑定的基础上给可输入的元素(input、textarea)添加了input或者change事件,来动态修改model和view

<input type="text"id="inputbox" @input="handleInput()"/>
<script type="text/javascript">
        var input=document.querySelector('#inputbox')
        var text=document.querySelector('#text')
        input.addEventListener('input',function(e){
                text.innerHTML=e.target.value
        })

</script>