javascript - 奇怪的现象,有的方法能绑上,有的绑不上。
PHPz
PHPz 2017-04-11 11:53:45
[JavaScript讨论组]



{{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是一模一样的啊,为什么它就不正常啊??救命!!!!!

PHPz
PHPz

学习是最好的投资!

全部回复(1)
PHPz

是不是因为components里面props中把giveup少写了?在你贴出代码的最后。

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号