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

    吹逼交流群

  • 相关阅读:
    java 21
    maven POM.xml 标签详解
    shell sed 替代1
    lua的table库中的常用函数总结
    Lua字符串及模式匹配
    lua文件读写
    qt添加lua支持
    关于c调用lua 对‘luaL_newstate()’未定义的引用的问题解决办法
    Lua开发环境
    linux安装lua相关编译报错
  • 原文地址:https://www.cnblogs.com/dashucoding/p/11140174.html
Copyright © 2011-2022 走看看