(27)打鸡儿教你Vue.js

v-for 数组参数的顺序

当含有index时,以前传递的参数顺序是:
(index, value)。现在(value, index)

ready替换使用新的mounted钩子代替,通过使用mounted钩子,并不能保证实例已经插入文档,所以还应用在钩子函数中包含Vue.nextTick

vm.$nextTick列如
mounted: function() {
 this.$nextTick(function() {
  // 保证 this.$el 已经插入文档
 })
}

image.png

cartData.json

{
 "status": 1,
 "result": {
   "totalMoney": 59,
   "list": [
     {
       "productId": "600100002115",
       "productName": "达",
        "productPrice": 12,
        "productQuentity: 1,
        "productImage": "img/goods-1.jpg",
        "parts": [
           {
            "partsId": "10001",
            "partsName": "打火机"
            }
         ]
     },
     {
       "productId": "600100002115",
       "productName": "达",
        "productPrice": 12,
        "productQuentity: 1,
        "productImage": "img/goods-1.jpg",
        "parts": [
           {
            "partsId": "10001",
            "partsName": "打火机"
            }
         ]
     }
  ]
  },
  "message": ""
}

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

vue过滤器的使用:
使用v-on绑定事件,实现金额动态计算

image.png


请点赞!因为你的鼓励是我写作的最大动力!

官方微信公众号

吹逼交流群:711613774

吹逼交流群

posted @ 2019-07-04 23:07  达达前端  阅读(109)  评论(0编辑  收藏  举报