关于网友提出的“ (vue.js)奇怪的现象,有的方法能绑上,有的绑不上。”问题疑问,本网通过在网上对“ (vue.js)奇怪的现象,有的方法能绑上,有的绑不上。”有关的相关答案进行了整理,供用户进行参考,详细问题解答如下:
问题: (vue.js)奇怪的现象,有的方法能绑上,有的绑不上。描述:
{{options.name}}
* {{options.price}} = {{options.nums * options.price}}
{{totalPrice}}
var cart=new Vue({
el:".cart",
data:{
items:[
{
id:10,
name:'脚垫',
nums:2,
price:1500,
buy:true
},{
id:20,
name:'坐椅',
nums:1,
price:2000,
buy:true
}
]
},
methods:{
plus:function(options){
options.nums++;
},
minus:function(options){
options.nums--;
},
giveup:function(index){
if(this.items.index) this.items.splice(index,1);
}
},
computed:{
totalPrice:function(){
var s=0,items=this.items;
for(var n in items){
if(items[n].buy)
s+= items[n].nums * items[n].price
}
return s;
}
},
components:{
'cartRecord':{
template:"#CartRecord",
props:['options','plus','minus']
}
}
})
这个就太奇怪了,点击叉按钮,就报错,说scope.giveup
不是个函数。它的绑定方法明明跟plus
还有minus
是一模一样的啊,为什么它就不正常啊??救命!!!!!
解决方案1:
是不是因为components里面props中把giveup少写了?在你贴出代码的最后。