回傳undefined

来源：1-4 vue概况以及核心思想

NissenYeah

2018-10-14

<body>
    <input type="text" id="input">
    <br>
    <br>
    <span id="display"></span>
</body>
<script>
    var obj = {
        name: "1",
    }

    Object.defineProperty(obj, "context", {
        set: function (val) {
            document.getElementById("display").innerText = val
            document.getElementById("input").value = val
        }
    })

    document.getElementById("input").addEventListener("keyup", function (event) {
        obj.context = event.target.value;
    })

雖然用console更改obj.context的val後，input.value會改變，當改變input的輸入123時，用console去看obj.context的時後回傳的是undefined，為何不是123呢？

想知道為什麼呢？這樣可以算是雙向數據綁定嗎？

（可參考下面gif的動圖描述）

GIF描述

写回答

1回答