使用vue.js

vue.js

2017-10-18 140 views 0 likes

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

使用vue.js

回答

相关问题