riot js 정의되지 않은 값

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 쿼리