使用vue.js

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; 
    } 
    } 
})

有suuposed創建並打印從1的陣列到n成HTML的代碼創建一個div。

無論如何它永遠不會發生，因爲它說變量消息沒有定義。

如何解決問題？

來源

2017-10-18 lesha_ber

您應該使用this.message，而不是消息的。另外，如果你手動操作dom，你會錯過vuejs的全部觀點。你的隨機化方法應該只是將數據靜音，然後通過模板呈現 – Axnyff

@Axnyff你能提供關於你在說什麼的更深層次的描述嗎？我對Vue和JS都很陌生，想從一開始就看到一個好方法！ –

你想用隨機方法做什麼，替換已經顯示的列表？ – Axnyff

使用this.message從data得到的東西。

完整代碼：

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; 
    } 
    } 
})

來源

2017-10-18 13:07:05 Jackowski

回答

相關問題