vue界面初始化查询列表的方法之购物车案例-------支付界面

new Vue({

  el:".container",

  data:{

    addressList:[],

    limitNum:3,

    currentIndex:0, //用于选择地址,调用:class="{‘check‘:index==currentIndex}" @click="currentIndex=index"

    shippingMethod:1,//使用见文档底部图片

  },

  mounted:function(){

    this.$nextTick(function(){

      getAddressList()

    })

  },

  computed:{//computed一般用于实时计算

    filterAddress:function(){ for循环中的过滤器,初始化时只显示三个地址。调用 v-for = "(item ,index) in filterAddress"

      return this.addressList.slice(0,this.limitNum); 截取前3个

    }

  },

  methods:{

    getAddressList:function(){

      this.$http.get("data/address.json").then(response=>{

        var res =response.data;

        if(res.status == "0"){

          this.addressList = res.result

        }

      })

    },

    loadMord:function(){ //显示全部地址

      this.limitNum = this.addressList.length

    },

    setDefault:function(addressId){

      this.addressList.forEach((address,index)=>{

        if(address.addressId==addressId){

          address.isDefault = true;

        }else{

          address.isDefault = false;

        }

      })

    }

  }  

})

时间: 2024-08-27 10:30:38

vue界面初始化查询列表的方法之购物车案例-------支付界面的相关文章

vue界面初始化查询列表的方法之购物车案例

var vm = new Vue({ el:"#app", data:{ totalMoney:0, productList:[], checkAllFlag:false , delFlag:false delOneProduct:[], }, filters:{ //局部过滤器 ,调用方法{{number | formatMoney}} formatMoney:function(value){ return "$" +value.toFixed(2) //留两位小

『TensorFlow』函数查询列表_神经网络相关

神经网络(Neural Network) 激活函数(Activation Functions) 操作 描述 tf.nn.relu(features, name=None) 整流函数:max(features, 0) tf.nn.relu6(features, name=None) 以6为阈值的整流函数:min(max(features, 0), 6) tf.nn.elu(features, name=None) elu函数,exp(features) - 1 if < 0,否则featuresE

用面向对象解决 输入用户名自动显示邮箱后缀列表的方法

---恢复内容开始--- 当我们注册或者登录要用邮箱格式时会显示邮箱后缀的提示下拉框 效果如图所示 主要介绍了JS输入用户名自动显示邮箱后缀列表的方法,可实现自动显示邮箱后缀名列表的功能, 原理是:一个输入框 当我输入任何字的时候 自动下拉相应的邮箱提示,在输入框输入11的时候 下拉框有所有11的邮箱 输入其他的时候 有其他文案对应的邮箱. 同理 此插件不需要任何html标签,只需要一个输入框 有相对应的id类名就ok 且父级有个class类名,其他的都不需要.内部的HTML代码都是自动生成的

数据提高查询速度的方法(摘抄)

处理百万级以上的数据提高查询速度的方法: 1.应尽量避免在 where 子句中使用!=或<>操作符,否则将引擎放弃使用索引而进行全表扫描. 2.对查询进行优化,应尽量避免全表扫描,首先应考虑在 where 及 order by 涉及的列上建立索引. 3.应尽量避免在 where 子句中对字段进行 null 值判断,否则将导致引擎放弃使用索引而进行全表扫描,如:     select id from t where num is null     可以在num上设置默认值0,确保表中num列没有

每日学习心得:SharePoint 为列表中的文件夹添加子项(文件夹)、新增指定内容类型的子项、查询列表中指定的文件夹下的内容

前言: 这里主要是针对列表中的文件下新增子项的操作,同时在新建子项时,可以为子项指定特定的内容类型,在某些时候需要查询指定的文件夹下的内容,针对这些场景都一一给力示例和说明,都是一些很小的知识点,希望能够对大家有所帮助. 1.   在列表中为列表项添加子项 为列表添加子项大家都很熟悉,但是如何为列表项添加子项呢?例如列表项是一个文件夹,如何为该文件夹添加子项呢?这里就用到了List.AddItem()方法,具体示例如下: 首先我们要获取列表中的子项: SPListItem root_item=l

处理百万级以上的数据提高查询速度的方法

处理百万级以上的数据提高查询速度的方法: 1.应尽量避免在 where 子句中使用!=或<>操作符,否则将引擎放弃使用索引而进行全表扫描. 2.对查询进行优化,应尽量避免全表扫描,首先应考虑在 where 及 order by 涉及的列上建立索引. 3.应尽量避免在 where 子句中对字段进行 null 值判断,否则将导致引擎放弃使用索引而进行全表扫描,如:     select id from t where num is null     可以在num上设置默认值0,确保表中num列没有

LINQ:开始使用 LINQ(五)- LINQ 中的查询语法和方法语法

开始使用 LINQ(五)- LINQ 中的查询语法和方法语法 在表示语言集成查询 (LINQ) 使用 LINQ 性查询语法,文档中的多数查询编写.但是,编译代码时,必须将查询语法转换为方法,这就需要 .NET 公共语言运行时 (CLR).这些方法调用标准查询运算符的名称类似 Where.Select.GroupBy.Join.Max和 Average.可以调用这些方法直接使用方法语法而不是查询语法. 查询语法和方法语法语义相同,但是,许多人员发现查询语法更简单.更易于阅读.某些查询必须表示为方法

处理千万级以上的数据提高查询速度的方法

处理千万级以上的数据提高查询速度的方法:1.应尽量避免在  where 子句中使用!=或<>操作符,否则将引擎放弃使用索引而进行全表扫描.2.对查询进行优化,应尽量避免全表扫描,首先应考虑在  where 及 order by 涉及的列上建立索引.3.应尽量避免在  where 子句中对字段进行 null 值判断,否则将导致引擎放弃使用索引而进行全表扫描,如:      select id from t where num is null      可以在num上设置默认值0,确保表中num列

Java Swing界面编程(30)---列表框:JList

列表框可以同时将多个选项信息以列表的方式展现给用户,使用JList可以构建一个列表框. package com.beyole.util; import java.awt.Container; import java.awt.GridLayout; import java.awt.event.WindowAdapter; import java.awt.event.WindowEvent; import java.util.Vector; import javax.swing.BorderFact