avalonjs select双工绑定change事件问题
本文介绍了avalonjs select双工绑定change事件问题的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
问 题
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="Generator" content="EditPlus®">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<title>Document</title>
<!--built in 2016-8-30:17 version 2.114 by 司徒正美-->
<script src="avalon.js"></script>
</head>
<body :controller="content">
<select :change="@choose()" :duplex="@dx">
<option value="A">A</option>
<option value="B">B</option>
<option value="C">C</option>
<option value="D">D</option>
</select>
</body>
<script>
vm = avalon.define({
$id: 'content',
action:0,
dx: 'B',
choose: function() {
console.log(vm.dx);
}});
</script>
</html>
当选择A时, 打印的是B,
然后选择C,打印的是A.
在change事件中打印vm.dx始终是上一次select选择的值.
解决方案
change事件就是这样子, 你应该用data-duplex-changed回调
这篇关于avalonjs select双工绑定change事件问题的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文