免责声明:我知道Vue中存在数据竞价.js.
所以我有这个:
<html>
<body>
<div id="app">
<input @input="update">
</div>
<script src="https://unpkg.com/vue@2.1.10/dist/vue.js"></script>
<script type="text/javascript">
new Vue({
el: '#app',
data: {
info: '',
},
methods: {
update: function (event) {
value = event.target.value;
this.info = value;
console.log(value);
}
}
});
</script>
</body>
</html>
每次用户输入某个内容时,都会触发一个名为update
的方法.这里的 idea 是用用户输入的值更改名为info
的数据属性的值.
但是,由于某种原因,数据属性的值不会改变.当前输入值通常在控制台中打印,每次触发update
方法时都会调用console.log(value)
,但info
属性没有任何变化.
那么,如何使这项工作?