zoukankan      html  css  js  c++  java
  • (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

    吹逼交流群

  • 相关阅读:
    进程二
    高德地图api的使用
    《架构即未来》读后感3
    三周总结
    性能战术:
    二周总结
    《 架构即未来》读后感2
    一周总结
    《架构即未来》读后感
    学生信息系统dao层
  • 原文地址:https://www.cnblogs.com/dashucoding/p/11140174.html
Copyright © 2011-2022 走看看