{{options.name}}

(vue.js)奇怪的现象,有的方法能绑上,有的绑不上。

来源:互联网  时间:2016/8/4 0:45:56

关于网友提出的“ (vue.js)奇怪的现象,有的方法能绑上,有的绑不上。”问题疑问,本网通过在网上对“ (vue.js)奇怪的现象,有的方法能绑上,有的绑不上。”有关的相关答案进行了整理,供用户进行参考,详细问题解答如下:

问题: (vue.js)奇怪的现象,有的方法能绑上,有的绑不上。
描述:



{{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少写了?在你贴出代码的最后。

上一篇(vue.js)VUE 怎么做到点击空白span变为input
下一篇js编写的一个函数有4个参数a,b,c,d而函数体张arguments[5]会获取到什么
明星图片
相关文章
《 (vue.js)奇怪的现象,有的方法能绑上,有的绑不上。》由码蚁之家搜集整理于网络,
联系邮箱:mxgf168#qq.com(#改为@)