コードがありvue.js

Question

https://jsfiddle.net/50wL7mdz/69934/

var app = new Vue({ 
    el: '#app', 
    data: { 
    message: '' 
    }, 
    methods:{ 
    randomize: function(){ 
    var arr = []; 
    for (var i = 0; i < message; i++){ 
    arr[i] = i; 
    } 
    document.getElementById("result").innerHTML = arr; 
    } 
    } 
}) 

を使用してDIVを作成作成し、HTMLに1からnまでのアレイを印刷するsuuposed。

とにかく、可変メッセージが定義されていないとは考えられません。

問題を解決するにはどうすればよいですか？

Answer 1

dataから何かを得るには、this.messageを使用してください。

完全なコード：

var app = new Vue({ 
el: '#app', 
data: { 
    message: '' 
}, 
methods:{ 
    randomize: function(){ 
     var arr = []; 
     for (var i = 0; i < this.message; i++){ 
      arr[i] = i; 
     } 
     document.getElementById("result").innerHTML = arr; 
    } 
    } 
})