avalonjs select双工绑定change事件问题

查看:630
本文介绍了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屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆