vxLoansList

贷款产品列表

引用

import vxLoansList from '@/views/personal-loan/components/vx-loans-list/index'; //首页推荐贷款
export default {
   components: {
    vxLoansList,
  },
};

代码演示

<template>
<vx-loans-list :loan-card-list="loanCardList" @go-loan-rec="goLoanRec"></vx-loans-list>
</template>

<script>
import vxLoansList from '@/views/personal-loan/components/vx-loans-list/index'; //首页推荐贷款
export default {
   components: {
    vxLoansList,
  },
  data() {
    return {
      loanCardList: [
          {
              prodName: '抵押贷', //产品名称
              typeMaxQuota: 30, //最高可用额度
              typeRate: '4.5' //利率
              productDescription: [0: "可循环" 1: "期限长"2: "产品多"] //产品描述
          },
          {
              prodName: '消费贷', //产品名称
              typeMaxQuota: 20, //最高可用额度
              typeRate: '4.6' //利率
              productDescription: [0: "可循环" 1: "期限长"2: "产品多"] //产品描述
          }，
           {
              prodName: '经营贷贷', //产品名称
              typeMaxQuota: 30, //最高可用额度
              typeRate: '4.5' //利率
              productDescription: [0: "可循环" 1: "期限长"2: "产品多"] //产品描述
          },
           {
              prodName: '灵活贷', //产品名称
              typeMaxQuota: 30, //最高可用额度
              typeRate: '4.5' //利率
              productDescription: [0: "可循环" 1: "期限长"2: "产品多"] //产品描述
          }
      ],
    };
  },
   methods:{ 
     // 跳转对应产品
    goLoanRec(item) {
        console.log(item);
    },
},
};
</script>

API

vxLoansList Props

属性	说明	类型	默认值	备注
`loan-card-list`	推荐贷款	`<{prodName: String, typeMaxQuota: Number, typeRate: String, productDescription: Object}>`	-	必传

vxLoansList Events

@go-loan-rec(item)

跳转对应的贷款产品

参数	说明	类型	默认值	备注
item	传入的item参数	Object:{prodCode:String}	-	产品代码

Current Tags

0.0.1 ... latest (2 years ago)

1 Versions

0.0.1 ... 2 years ago