index.js

作者: 六个周 | 来源:发表于2018-07-14 23:48 被阅读67次

实战篇:利用计算属性、指令等知识开发购物车源代码

var app = new Vue({

    el:'#app',

    data:{

      list:[

          {id:1,name:'iPhone7',price:6188,count:1},

          {id:2,name:'iPad Pro',price:58888,count:1},

          {id:2,name:'MacBook Pro',price:2148,count:1},

    ]

  },

computed:{

    totalPrice:function(){

       var total = 0;

       for(var i=0;i<list.length;i++){

       total+=list[i].price * list[i]*count;

   }

        return total.toString.replace(\/B(?=(\d{3})+$)/g,',');

 }

},

    methods:{

       hanldReduce:function(index){

         if(this.list[index].count===1){

          return;

        }else{

          return  this.list[index].count--;

}

},

  handleAdd:function(index){

       return this.list[index].count++;

 },

 handelRemove:function(index){

        this.list[index].splice(index,1);

   }

  }

});

相关文章

网友评论

      本文标题:index.js

      本文链接:https://www.haomeiwen.com/subject/bkyupftx.html