riot js undefined value

Question

誰かが私のコードがなぜ機能しないのか教えていただけますか？

私は "this.usernameが未定義である" と私は本当に理由を理解していない取得...ここ

コード：あなたの助けを

riot.tag2('test', '<input type="text" name="username" placeholder="username" oninput={validate} value="" /> <h4>{username_valid}</h4>', '', '', function(opts) { 
    this.validate = function(e) { 
     this.username_valid = (this.username.value.length > 3) ? 'Valid' : 'Invalid' 
    }; 
}); 

おかげ..

Answer 1

だけ読みにくいので、実際にはriot APIを使ってコンポーネントを記述していないことを願っています。私はそれをタグに転記してより良い外観を得ることができます：

<test> 

    <input 
    type="text" 
    name="username" 
    placeholder="username" 
    oninput={validate} 
    value=""/> 

    <h4>{username_valid}</h4> 

    <script> 

    this.validate = function(e) { 
     this.username_valid = (this.username.value.length > 3) ? 'Valid' : 'Invalid' 
    } 

    </script> 
</test> 

入力要素からユーザー名を取得しようとしています。タグ内のthisは、DOM要素ではなくスクリプトのスコープを参照します。あなたは

1. が<input>タグにref='username'を追加入力値を取得することができ、いくつかの方法があります。
   そして、スコープDOMクエリ