我試圖在點擊按鈕時獲得一個隨機數,但我做錯了一些事情,它與另一個沒有功能的示例一起工作,所以我一定做錯了什么,但找不到什么?,F在它將函數代碼打印為文本。這是 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 關注
- 177 瀏覽
添加回答
舉報
0/150
提交
取消