我试图在点击按钮时获得一个随机数，但我做错了一些事情，它与另一个没有功能的示例一起工作，所以我一定做错了什么，但找不到什么。现在它将函数代码打印为文本。这是 HTML：<div id="aleatori"> <button v-on:click="randomNumber">Aleatori</button> <p>{{ randomNumber }}</p></div>这是jsvar aleatori = new Vue({ el:'#aleatori', data: { randomNumber: function () { this.random = Math.floor(Math.random() * (10 - 1 + 1)) + 1 } }})
1 回答
小怪兽爱吃肉
TA贡献1852条经验 获得超1个赞
您应该调用一个方法onclick并random进行data如下更改：
var aleatori = new Vue({
el:'#aleatori',
data() {
return{
random:0
}
},
methods:{
randomNumber() {
this.random = Math.floor(Math.random() * (10 - 1 + 1)) + 1
}
}
})
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script>
<div id="aleatori">
<button v-on:click="randomNumber">Aleatori</button>
<p>{{ random }}</p>
</div>
- 1 回答
- 0 关注
- 45 浏览
添加回答
举报
0/150
提交
取消