我不知道為什么，但是在渲染程序中訪問了這個錯誤屬性“myfunc”，但沒有在實體上定義，它一直在顯示。我正在分享我的 Html 和 js 代碼。
const ListRenderingApp = {
data() {
return {
todos: [
{ text: 'Learn JavaScript' },
{ text: 'Learn Vue' },
{ text: 'Build something awesome' }
]
}
},
method : {
myfunc(){
console.log('drats')
}
}
}
Vue.createApp(ListRenderingApp).mount('#list-rendering')
Html 檔案代碼是
<div id="list-rendering" class="demo">
<ol>
<li v-for="todo in todos">
{{ todo.text }}
</li>
</ol>
<button v-on:click="myfunc"> Click me</button>
</div>
我對 Vue.js 很陌生。所以，如果有人可以幫我解決這個問題。
uj5u.com熱心網友回復：
我理解了這個錯誤。并提出了解決方案。
首先，在資料函式之后的ListRenderingApp中。應該是methods。其次，在 console.log() 陳述句中它應該是console.log(this.todos).
uj5u.com熱心網友回復：
作業演示：
new Vue({
el: '#app',
data: {
todos: [
{ text: 'Learn JavaScript' },
{ text: 'Learn Vue' },
{ text: 'Build something awesome' }
]
},
methods : {
myfunc() {
console.log('drats')
}
}
})<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script>
<div id="app">
<ol>
<li v-for="todo in todos">
{{ todo.text }}
</li>
</ol>
<button v-on:click="myfunc"> Click me</button>
</div>轉載請註明出處，本文鏈接：https://www.uj5u.com/ruanti/417291.html
標籤：
上一篇：VueJS：為發票生成亂數