• (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

    吹逼交流群

  • 相关阅读:
    合并区间
    判断字符串是否是IP
    Python -- 异常处理
    python -- 双下方法
    python -- 判断函数和方法
    python -- 面向对象:反射
    Python -- 面向对象:类的成员
    Python -- 面向对象:类的约束
    Python -- 面向对象的三大特性及深入了解super()
    Python -- mro算法
  • 原文地址:https://www.cnblogs.com/dashucoding/p/11140174.html
Copyright © 2020-2023  润新知