Javascript vue.js上的(函数(){[native code]})
我有一个作业,我必须做一个简单的测验,每个正确的问题必须在分数上加1分,这是我的代码Javascript vue.js上的(函数(){[native code]}),javascript,vue.js,Javascript,Vue.js,我有一个作业,我必须做一个简单的测验,每个正确的问题必须在分数上加1分,这是我的代码 let app = new Vue({ el: '#app', data: { crameworks: [ {skor: 0} ], frameworks: [ { name: 'A.Charles Bababage', votes : true }, { name: 'B.Naruto', votes : false
let app = new Vue({
el: '#app',
data: {
crameworks: [
{skor: 0}
],
frameworks: [
{ name: 'A.Charles Bababage',
votes : true },
{ name: 'B.Naruto',
votes : false },
{ name: 'C.Sasuke',
votes : false },
{ name: 'D.Belva',
votes : false},
],
grameworks : [
{ jawaban: 'A.Pochinok',
votes : true },
{ jawaban: 'B.Miramar',
votes : false },
{ jawaban: 'C.Tambang',
votes : false },
{ jawaban: 'D.Kampong',
votes : false}
],
vrameworks : [
{ answer: 'A.Bisa',
votes : false},
{ answer: 'B.Tidak',
votes : true},
{ answer: 'C.Mungkin',
votes : false},
{ answer: 'D.isin ku aa crown',
votes : false}
]
},
methods:{
skor(){
if(this.votes == true){
this.crameworks[0].skor + 1
}
}
}
})
这是我的html文件
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>My App</title>
<script src="https://cdn.jsdelivr.net/npm/vue">
</script>
</head>
<body>
<div id="app">
<ul>
1.Pembuat Printer adalah
<br>
<p v-for="f in frameworks">
<input type="radio">
{{f.name}}
</p>
</ul>
<ul>
2.Berikut area dalam game PUBG, Kecuali
<br>
<p v-for="g in grameworks">
<input type="radio">
{{g.jawaban}}
</p>
</ul>
<ul>
3.Bisakah Senjata Kar98K menggunakan Extended Sniper?
<p v-for="v in vrameworks">
<input type="radio">
{{v.answer}}
</p>
<button type="submit" v-on:Click="skor">Jawab</button>
<h1>Skor : {{skor}}</h1>
<script src="index.js"></script>
</div>
</body>
</html>
我的应用程序
1.Pembuat打印机阿达拉
{{f.name}
2.Kecuali的Berikut区dalam game PUBG
{{g.jawaban}}
3.你认为卡鲁克会让狙击手延长射程吗?
{{v.answer}}
贾瓦布
Skor:{{Skor}
我在每个正确答案中都会给出一个
true
语句,因此如果用户选择带有true
语句的答案,则应该在分数上加1分并打印分数,问题是当我尝试打印分数时,我会收到此警告(函数(){[native code]})
,开始时分数应该是0您正在使用函数skor
来确定何时添加+1,但您分配给的变量是错误的。它应该是this.crameworks[0].skor+1。此外,在数据初始化中,这应该是数字0
,而不是字符串'0'
您还在Vue初始值设定项中声明了两次
data
。将它们组合成一个数据:{}
对象。您正在使用函数skor
来确定何时添加+1,但您分配给的变量是错误的。它应该是this.crameworks[0].skor+1。此外,在数据初始化中,这应该是数字0
,而不是字符串'0'
您还在Vue初始值设定项中声明了两次
data
。将它们组合成一个数据:{}
对象。此.skor
引用该方法,因此以下内容引用该方法:
Skor:{{Skor}
为了访问数据,您需要在正确的位置引用它,crameworks[0]。skor
:
Skor:{{crameworks[0].Skor}
此.skor
引用了该方法,因此以下内容引用了该方法:
Skor:{{Skor}
为了访问数据,您需要在正确的位置引用它,crameworks[0]。skor
:
Skor:{{crameworks[0].Skor}
错误在skor中,您忘记在它()之后添加这些括号,这就是调用
Skor:{{Skor()}
错误在skor中,您忘记在它()之后添加这些括号,这就是调用
Skor:{{Skor()}
阿克胡尔的回答是为我做的。谢谢
如果是函数,请始终记住将偏执放在花括号中
示例{function()}Akhuls Answer为我做了这件事。谢谢
如果是函数,请始终记住将偏执放在花括号中
示例{function()}您有一个名为skor
的属性,它是一个函数,在该函数中您尝试向其添加1。这是没有道理的;您需要另一个属性来保留分数值。很抱歉,这是我在vue上的第一个作业,为什么没有意义?我需要的不同属性是什么?你有一个名为skor
的属性,它是一个函数,在这个函数中你尝试向它添加1。这是没有道理的;您需要另一个属性来保留分数值。很抱歉,这是我在vue上的第一个作业,为什么没有意义?我需要什么不同的属性呢?我仍然从你的回答中得到了“(function(){[native code]})”错误我仍然在合并数据方法后得到了错误我仍然从你的回答中得到了“(function(){[native code]})”错误我仍然在合并数据方法后得到了错误欢迎!请不要添加“谢谢”信息作为答案,答案仅用于回答原始问题。在网站上进行其他活动,以获得投票和评论。请参阅。欢迎光临!请不要添加“谢谢”信息作为答案,答案仅用于回答原始问题。在网站上进行其他活动,以获得投票和评论。请参阅。
<h1>Skor : {{skor()}}</h1>